import { BorderWidthStyleType } from "./styles/border-width";
export type BorderStyleType = {
    width: BorderWidthStyleType;
    style: BorderStyleStyleType;
    color: string;
};
export type BoxShadowStyleType = {
    position: "inside" | "outside";
    x: number;
    y: number;
    blur: number;
    spread: number;
    color: string;
};
export type BorderStyleStyleType = "solid" | "dashed" | "dotted" | "double" | "groove";
export type SizeStyleType = {
    css?: string;
    value?: number;
    unit?: SizeStyleUnitType;
};
export type GridTemplateColumnsStyleType = {
    css?: string;
};
export type SizeStyleUnitType = "px" | "rem" | "%" | "vh" | "vw";
export type TextAlignStyleType = "left" | "right" | "center" | "justify";
export type DirectionStyleType = "ltr" | "rtl";
export type FlexDirectionStyleType = "row" | "row-reverse" | "column" | "column-reverse";
export type JustifyContentStyleType = "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly";
export type AlignItemsStyleType = "start" | "end" | "center" | "stretch" | "baseline";
export type ObjectFitStyleType = "contain" | "cover" | "fill" | "none" | "scale-down";