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

export type CF_justfyContent = "start" | "end" | "center" | "between" | "around" | "evenly";
export type CF_alignItems = "start" | "end" | "center" | "baseline" | "stretch"

export interface CF_Column_Alignment {
    justifyContent: CF_justfyContent,
    alignItems: CF_alignItems
}

export interface CF_Column_Layout<T> {
    layoutMobile: T
    layoutTablet: T
    layoutDesktop: T
}

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

export interface CF_Row {
    alignment: EntrySkeletonType<CF_Column_Alignment>
    layout: EntrySkeletonType<CF_Column_Layout<CF_Row_1_Column_Layout>>
    content: EntrySkeletonType<any>[]
}

export interface CF_RowSkeleton {
    contentTypeId: CF_ContentType.row
    fields: CF_Row
}