import AuthUser from '@/modules/auth/auth-user';
import Footer from '@/pages/front/partials/Footer.jsx';
import { Head } from '@inertiajs/react';
import React from 'react';

interface TermsProps {
    content: string;
    title: string;
}

const Terms: React.FC<TermsProps> = ({ content, title }) => {
    return (
        <div className="min-h-[100vh] bg-neutral-50 dark:bg-black">
            <Head title={title} />

            <div className="container mx-auto px-4 py-8">
                <div className="mx-auto max-w-4xl">
                    <div className="rounded-lg bg-white p-8 shadow-lg dark:bg-neutral-900">
                        <div className="max-w-none" dangerouslySetInnerHTML={{ __html: content }} />
                    </div>
                </div>
            </div>

            <Footer />
            <AuthUser />
        </div>
    );
};

export default Terms;
