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

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="max-w-4xl mx-auto">
                    <div className="bg-white dark:bg-neutral-900 rounded-lg shadow-lg p-8">
                        <div 
                            className="max-w-none"
                            dangerouslySetInnerHTML={{ __html: content }}
                        />
                    </div>
                </div>
            </div>
            
            <Footer />
            <AuthUser />
        </div>
    );
};

export default Terms;