import { Ref } from 'vue';
import { CLColors, CLIconSizes, CLPalette } from '../../index.ts';
interface IconThemeContext {
    colors: Ref<CLPalette>;
    darkMode: Ref<boolean | undefined>;
}
interface IconThemeProps {
    color?: CLColors;
    theme?: IconThemeContext;
}
export declare const iconTheme: ({ color, theme }: IconThemeProps) => {
    '--clll-icon-color': string;
};
/** Icon glyph sizes in px. `CLIcon` renders a box 4px larger than the glyph. */
export declare const iconSizes: {
    tiny: number;
    small: number;
    medium: number;
    large: number;
    xlarge: number;
    xxlarge: number;
    xxxlarge: number;
    xxxxlarge: number;
};
/** The icon size for each component size, one step smaller so icons stay proportional to the adjacent text, e.g. a `CLSizes.Small` input gets a `CLIconSizes.Tiny` icon. */
export declare const iconSizeBySize: {
    tiny: CLIconSizes;
    small: CLIconSizes;
    medium: CLIconSizes;
    large: CLIconSizes;
    xlarge: CLIconSizes;
    xxlarge: CLIconSizes;
    xxxlarge: CLIconSizes;
    xxxxlarge: CLIconSizes;
};
export {};