import { ReactElement } from "react"; import SyntaxHighlighter from "react-syntax-highlighter"; import { atelierSeasideDark } from "react-syntax-highlighter/dist/esm/styles/hljs"; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "./ui/dialog"; type CodeDialogProps = { title: string; description: string; code: string; children: React.ReactNode; }; export function CodeDialog({ title, description, code, children }: CodeDialogProps): ReactElement { return ( {children} {title} {description} {code} ); }