import { Head } from '@inertiajs/react';
import { PageHeaderActions } from '@/components/page-header-actions';
import { MailboxIgnoredFilenamesCard } from '@/features/mailboxes/components/mailbox-ignored-filenames-card';
import { useI18n } from '@/hooks/use-i18n';

type MailboxImportSettingsPageProps = {
    ignored_filename_patterns_text: string;
};

export default function MailboxImportSettingsPage({
    ignored_filename_patterns_text,
}: MailboxImportSettingsPageProps) {
    const { t } = useI18n();

    return (
        <>
            <Head title={t('settings.mailbox_import.page.head_title')} />

            <section className="space-y-6">
                <PageHeaderActions
                    title={t('settings.mailbox_import.page.title')}
                    description={t('settings.mailbox_import.page.description')}
                />

                <MailboxIgnoredFilenamesCard initialPatternsText={ignored_filename_patterns_text} />
            </section>
        </>
    );
}

