import { Stack } from '@tidbcloud/uikit'

import { PageShell } from 'dbaas/layouts/v5/page'
import { AWSBedrockAndVercelIntegration } from 'dbaas/screens/Project/integrations'
import ZaiperContainer from 'dbaas/screens/Project/integrations/ZapierContainer'

export const Integrations = () => {
  return (
    <PageShell title="Integrations">
      <Stack gap="md">
        <AWSBedrockAndVercelIntegration />
        <ZaiperContainer />
      </Stack>
    </PageShell>
  )
}

export default Integrations