flashcards-example-project/src/components/decks/delete-deck-dialog/delete-deck-dialog.tsx

import { Dialog, DialogProps } from '@/components'

import s from './delete-deck-dialog.module.scss'
export default {}
type Props = Pick<DialogProps, 'onCancel' | 'onConfirm' | 'onOpenChange' | 'open'> & {
  deckName: string
}
export const DeleteDeckDialog = ({ deckName, ...dialogProps }: Props) => {
  return (
    <Dialog {...dialogProps} title={'Delete deck'}>
      <div className={s.content}>
        <p>
          Do you really want to remove <strong>{deckName}</strong>?
        </p>
        <p>All cards will be deleted.</p>
      </div>
    </Dialog>
  )
}