import type { CF_ContentType } from "src/@types/Contentful_ContentType.enum";

export type CF_Component_Layout_Width =
    | "1"
    | "2"
    | "3"
    | "4"
    | "5"
    | "6"
    | "7"
    | "8"
    | "9"
    | "10"
    | "11"
    | "12";

export type CF_widths_mobile =
    | "w-full"
    | "w-1/12"
    | "w-2/12"
    | "w-3/12"
    | "w-4/12"
    | "w-5/12"
    | "w-6/12"
    | "w-7/12"
    | "w-8/12"
    | "w-9/12"
    | "w-10/12"
    | "w-11/12";

export type CF_widths_tablet =
    | ""
    | "md:w-full"
    | "md:w-1/12"
    | "md:w-2/12"
    | "md:w-3/12"
    | "md:w-4/12"
    | "md:w-5/12"
    | "md:w-6/12"
    | "md:w-7/12"
    | "md:w-8/12"
    | "md:w-9/12"
    | "md:w-10/12"
    | "md:w-11/12";

export type CF_widths_desktop =
    | ""
    | "lg:w-full"
    | "lg:w-1/12"
    | "lg:w-2/12"
    | "lg:w-3/12"
    | "lg:w-4/12"
    | "lg:w-5/12"
    | "lg:w-6/12"
    | "lg:w-7/12"
    | "lg:w-8/12"
    | "lg:w-9/12"
    | "lg:w-10/12"
    | "lg:w-11/12";

export type CF_Component_Layout_Space =
    | 0
    | .5
    | 1
    | 1.5
    | 2

export type CF_Component_Space =
    | ""
    | "mb-[0.5rem]"
    | "mb-[1rem]"
    | "mb-[1.5rem]"
    | "mb-[2rem]"

export type CF_justfyContent =
    | "justify-start"
    | "justify-end"
    | "justify-center"
    | "justify-between"
    | "justify-around"
    | "justify-evenly";

export type CF_alignItems =
    | "items-start"
    | "items-end"
    | "items-center"
    | "items-baseline"
    | "items-stretch";

export interface CF_ComponentLayout {
    mobile: CF_Component_Layout_Width;
    tablet?: CF_Component_Layout_Width;
    desktop?: CF_Component_Layout_Width;
    spaceBottom?: CF_Component_Layout_Space
}

export interface CF_ComponentLayoutSkeleton {
    contentTypeId: CF_ContentType.rowLayout
    fields: CF_ComponentLayout
}