import { dividerBorderWidthProperties } from './rarui-divider.css.js';
import { Conditions, AddDollar } from '../../../types/utils.types.js';
import { borderColorProperties } from '../../../properties/css.js';

type DividerBorderStyle = "solid" | "dashed";
interface DividerSprinkle {
    /**
     * The **`size`** CSS property sets an element's area.
     * @default 100%
     */
    size?: string | Conditions<string>;
    /**
     * The **`type`** shorthand CSS property sets the line style for all four sides of an element's.
     * @default solid
     */
    type?: AddDollar<DividerBorderStyle> | Conditions<AddDollar<DividerBorderStyle>>;
    /**
     * The **`thickness`** shorthand CSS property sets the width of an element's.
     * @default $1
     */
    thickness?: AddDollar<keyof typeof dividerBorderWidthProperties> | Conditions<AddDollar<keyof typeof dividerBorderWidthProperties>>;
    /**
     * The **`color`** CSS property sets an element's color.
     * @default $divider
     */
    color?: AddDollar<keyof typeof borderColorProperties> | Conditions<AddDollar<keyof typeof borderColorProperties>>;
}

export type { DividerSprinkle };