'use client'; import ReactMarkdown from 'react-markdown'; import remarkGfm from 'remark-gfm'; import Link from 'next/link'; import { ArrowLeftIcon } from '@heroicons/react/24/outline'; interface LegalPageLayoutProps { title: string; content: string; lastUpdated?: string; } export default function LegalPageLayout({ title, content, lastUpdated }: LegalPageLayoutProps) { return (
{/* Back link */} Back to Home {/* Title */}

{title}

{lastUpdated && lastUpdated !== '[Insert Date]' && (

Last updated: {lastUpdated}

)}
{/* Markdown content */}
(

{children}

), h2: ({ children }) => (

{children}

), h3: ({ children }) => (

{children}

), h4: ({ children }) => (

{children}

), // Style paragraphs p: ({ children }) => (

{children}

), // Style lists ul: ({ children }) => (
    {children}
), ol: ({ children }) => (
    {children}
), li: ({ children }) => (
  • {children}
  • ), // Style links a: ({ href, children }) => ( {children} ), // Style horizontal rules hr: () => (
    ), // Style blockquotes blockquote: ({ children }) => (
    {children}
    ), // Style tables table: ({ children }) => (
    {children}
    ), thead: ({ children }) => ( {children} ), tbody: ({ children }) => ( {children} ), tr: ({ children }) => ( {children} ), th: ({ children }) => ( {children} ), td: ({ children }) => ( {children} ), // Style code blocks code: ({ className, children }) => { const isInline = !className; if (isInline) { return ( {children} ); } return ( {children} ); }, pre: ({ children }) => (
                      {children}
                    
    ), // Style strong and emphasis strong: ({ children }) => ( {children} ), em: ({ children }) => ( {children} ), }} > {content}
    {/* Back to top link */}
    ); }