import { ContentProps } from "@/validations/mutual/dashboard/props";

const MockPage: React.FC<ContentProps> = ({ lang, translations, activePageUrl }) => {
    return <>
        <h1 className="text-4xl font-bold mb-10">{JSON.stringify(translations)}{" "}{lang}{" "}{activePageUrl}</h1>
        <div className="h-16">Some Content 1</div>
        <div className="h-16">Some Content 2</div>
        <div className="h-16">Some Content 3</div>
        <div className="h-16">Some Content 4</div>
        <div className="h-16">Some Content 5</div>
        <div className="h-16">Some Content 6</div>
        <div className="h-16">Some Content 7</div>
        <div className="h-16">Some Content 8</div>
        <div className="h-16">Some Content 9</div>
        <div className="h-16">Some Content 10</div>
        <div className="h-16">Some Content 11</div>
        <div className="h-16">Some Content 12</div>
        <div className="h-16">Some Content 13</div>
        <div className="h-16">Some Content 14</div>
        <div className="h-16">Some Content 15</div>
        <div className="h-16">Some Content 16</div>
    </>
}

const pageIndexMulti: Record<string, Record<string, React.FC<ContentProps>>> = {
    "management/account/tenant/something": {
        superUserTenantSomething: MockPage
    },
    "management/account/tenant/somethingSecond": {
        superUserTenantSomething: MockPage
    },
    "building/parts/tenant/something": {
        superUserTenantSomething: MockPage
    }
}

const pageIndexSingle: Record<string, React.FC<ContentProps>> = {
    "management/account/tenant/something": MockPage,
    "management/account/tenant/somethingSecond": MockPage,
    "building/parts/tenant/something": MockPage
}

export { pageIndexMulti, pageIndexSingle };