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

export function ByocCost() {
  return (
    <Stack gap={4} py="xl">
      <Typography variant="body-lg">You're in the early bird pricing period.</Typography>
      {/* <Typography variant="body-lg" c="carbon.7">
        Learn more about{' '}
        <a target="_blank" rel="noreferrer" href="https://www.pingcap.com/tidb-cloud-byoc-pricing-details/">
          TiDB Cloud BYOC pricing
        </a>
        .
      </Typography> */}
    </Stack>
  )
}