import { SharedCluster } from 'dbaas/features/ClusterManagement/cluster'

import { ClusterPageShell } from '../../components'

import { IntegrationList } from './IntegrationList'

const ClusterIntegration = ({ cluster }: { cluster: SharedCluster }) => {
  return (
    <ClusterPageShell
      title="Integrations"
      wrapperProps={{
        display: 'flex',
        h: '100%',
        sx: {
          flexDirection: 'column'
        }
      }}
      bodyProps={{
        sx: { flex: 1, minHeight: 0 }
      }}
    >
      <IntegrationList cluster={cluster} />
    </ClusterPageShell>
  )
}

export default ClusterIntegration