import { Text, Button, ContextModalProps } from '@tidbcloud/uikit'

import { ModalComponent } from './type'

export const TestModal: ModalComponent<ContextModalProps<{ modalBody: string }>> = ({ context, id, innerProps }) => (
  <>
    <Text size="sm">{innerProps.modalBody}</Text>
    <Button fullWidth mt="md" onClick={() => context.closeModal(id)}>
      Close modal
    </Button>
  </>
)