TermsDialog.tsx 918 B

123456789101112131415161718192021222324252627
  1. import { Textarea } from '@/components/ui/textarea'
  2. import {
  3. DialogContent,
  4. DialogDescription,
  5. DialogFooter,
  6. DialogHeader,
  7. DialogTitle,
  8. DialogClose
  9. } from '@/components/ui/dialog';
  10. export default function TermsDialog({ subject, description }: { subject: string; description: string }) {
  11. return (
  12. <DialogContent className='sm:max-w-[425px]'>
  13. <DialogHeader>
  14. <DialogTitle>{subject}</DialogTitle>
  15. <DialogDescription>
  16. <Textarea readOnly value={description} rows={5} disabled />
  17. </DialogDescription>
  18. </DialogHeader>
  19. <DialogFooter className='sm:justify-center'>
  20. <DialogClose asChild>
  21. <button type='button' className='btn btn-default w-1/2'>확인</button>
  22. </DialogClose>
  23. </DialogFooter>
  24. </DialogContent>
  25. );
  26. }