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

export function EncryptionSection() {
  return (
    <Group justify="space-between" align="flex-start" p="xl">
      <Stack gap={4} flex={1}>
        <Typography variant="title-lg">Dual-Layer Data Encryption</Typography>
        <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>
      <FormSwitch name="encrypted" />
    </Group>
  )
}