import { Typography } from '@tidbcloud/uikit'

const EnvTips = ({ env, type }: { env: string; type: 'cluster' | 'dataapp' }) => {
  return (
    <div>
      <Typography variant="action-md" c="carbon.9" mt={24}>
        The following environment variables will be created in your Vercel project:
      </Typography>
      {type === 'cluster' ? (
        <Typography variant="body-lg" mt={24}>
          {env !== 'General' ? 'DATABASE_URL' : 'TIDB_HOST, TIDB_PORT, TIDB_USER, TIDB_PASSWORD, TIDB_DATABASE'}
        </Typography>
      ) : (
        <Typography variant="body-lg" mt={24}>
          DATA_APP_BASE_URL, DATA_APP_PUBLIC_KEY, DATA_APP_PRIVATE_KEY
        </Typography>
      )}
    </div>
  )
}

export default EnvTips