bitforum-frontend/app/component/TermsDialog.tsx

import { Textarea } from '@/components/ui/textarea'
import {
    DialogContent,
    DialogDescription,
    DialogFooter,
    DialogHeader,
    DialogTitle,
    DialogClose
} from '@/components/ui/dialog';

export default function TermsDialog({ subject, description }: { subject: string; description: string }) {
    return (
        <DialogContent className='sm:max-w-[425px]'>
            <DialogHeader>
                <DialogTitle>{subject}</DialogTitle>
                <DialogDescription>
                    <Textarea readOnly value={description} rows={5} disabled />
                </DialogDescription>
            </DialogHeader>
            <DialogFooter className='sm:justify-center'>
                <DialogClose asChild>
                    <button type='button' className='btn btn-default w-1/2'>확인</button>
                </DialogClose>
            </DialogFooter>
        </DialogContent>
    );
}