import { titleFontSizeProperties, titleLineHeightProperties } from './rarui-title.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 TitleDynamicProperties = Pick<StandardLonghandProperties, "textAlign" | "textTransform"> & Pick<StandardShorthandProperties, "textDecoration">;
interface TitleSprinkle extends TitleDynamicProperties {
    /**
     * 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 title.
     */
    fontSize?: AddDollar<keyof typeof titleFontSizeProperties> | Conditions<AddDollar<keyof typeof titleFontSizeProperties>>;
    /**
     * The lineHeight property specifies the line height of the title.
     */
    lineHeight?: AddDollar<keyof typeof titleLineHeightProperties> | Conditions<AddDollar<keyof typeof titleLineHeightProperties>>;
}

export type { TitleSprinkle };