import { textFontSizeProperties, textLineHeightProperties } from './rarui-text.css.js';
import { StandardLonghandProperties, StandardShorthandProperties } from '../../../types/css.types.js';
import { AddDollar, Conditions } from '../../../types/utils.types.js';
import { colorProperties, fontWeightProperties } from '../../../properties/css.js';

type TextDynamicProperties = Pick<StandardLonghandProperties, "textAlign" | "wordBreak" | "textTransform" | "textOverflow" | "width" | "whiteSpace"> & Pick<StandardShorthandProperties, "textDecoration" | "overflow">;
interface TextSprinkle extends TextDynamicProperties {
    /**
     * The color property is used to set the color of the title.
     */
    color?: AddDollar<keyof typeof colorProperties> | Conditions<AddDollar<keyof typeof colorProperties>>;
    /**
     * The color property is used to set the color of the title.
     * @default $regular
     */
    fontWeight?: AddDollar<keyof typeof fontWeightProperties> | Conditions<AddDollar<keyof typeof fontWeightProperties>>;
    /**
     * The fontSize property sets the size of the text.
     */
    fontSize?: AddDollar<keyof typeof textFontSizeProperties> | Conditions<AddDollar<keyof typeof textFontSizeProperties>>;
    /**
     * The lineHeight property specifies the line height of the title.
     */
    lineHeight?: AddDollar<keyof typeof textLineHeightProperties> | Conditions<AddDollar<keyof typeof textLineHeightProperties>>;
}

export type { TextSprinkle };