import { Paper } from '@tidbcloud/uikit'

import { PremiumIpAccessList } from './IpAccessList'
import { PremiumTogglePublicEndpoint } from './TogglePublicEndpoint'

export const PremiumPublicConnectionSettingsPanel = () => {
  return (
    <Paper withBorder p="xl">
      <PremiumTogglePublicEndpoint />
      <PremiumIpAccessList />
    </Paper>
  )
}