import { LAYOUT_VARIANTS } from './Layout.constants';
import { HTMLAttributes, ReactNode } from 'react';

export type LayoutVariant = keyof typeof LAYOUT_VARIANTS;
export type LayoutSpacing = {
    horizontal?: string;
    vertical?: string | {
        top?: string;
        bottom?: string;
    };
    gutter?: string;
    headerHeight?: string;
};
export type LayoutClasses = {
    root?: string;
    header?: string;
    main?: string;
    item?: string;
    centeredItem?: string;
};
export type LayoutProps = {
    variant?: LayoutVariant;
    headerSlot?: ReactNode;
    mainSlot?: ReactNode;
    customSpacing?: LayoutSpacing;
    marginTop?: string;
    marginBottom?: string;
    paddingTop?: string;
    paddingBottom?: string;
    marginLeft?: string;
    marginRight?: string;
    paddingLeft?: string;
    paddingRight?: string;
    classes?: string | LayoutClasses;
} & Omit<HTMLAttributes<HTMLDivElement>, 'className'>;