import { Group, Stack, Typography } from '@tidbcloud/uikit'
import { FormSwitch } from '@tidbcloud/uikit/biz'

export const EssentialEncryption = () => {
  return (
    <Stack gap={4}>
      <Group justify="space-between">
        <Typography variant="title-lg">Dual-Layer Data Encryption</Typography>
        <FormSwitch name="essential.encrypted" />
      </Group>
      <Typography variant="body-lg" c="carbon.7">
        Add a second layer of encryption on top of the default Encryption at Rest with an isolated service-managed key.
      </Typography>
    </Stack>
  )
}