diff --git a/frontend/src/components/Footer/Modal.tsx b/frontend/src/components/Footer/Modal.tsx new file mode 100644 index 0000000..3424e9a --- /dev/null +++ b/frontend/src/components/Footer/Modal.tsx @@ -0,0 +1,31 @@ +import { Dialog, DialogContent, DialogOverlay, DialogTitle, DialogClose } from '@radix-ui/react-dialog'; +import { X } from 'lucide-react'; + +interface ModalProps { + title: string; + content: React.ReactNode; + open: boolean; + onClose: () => void; +} + +export default function Modal({ title, content, open, onClose }: ModalProps) { + return ( + + + +
+ {title} + + + +
+
{content}
+
+
+ ); +} diff --git a/frontend/src/components/Footer/index.tsx b/frontend/src/components/Footer/index.tsx index 4459e8f..edf63d6 100644 --- a/frontend/src/components/Footer/index.tsx +++ b/frontend/src/components/Footer/index.tsx @@ -1,14 +1,18 @@ import * as React from 'react'; +import Modal from './Modal'; import { cn } from '@/lib/utils'; - export interface FooterProps extends React.HTMLAttributes {} export default function Footer({ className, ...props }: FooterProps) { + const [isTermsOpen, setIsTermsOpen] = React.useState(false); + const [isPrivacyOpen, setIsPrivacyOpen] = React.useState(false); + return ( ); }