import { Ref } from 'vue';
import { CLColors, CLColorVariants, CLPalette } from '../../index.ts';
interface ThemeContext {
    colors: Ref<CLPalette>;
    darkMode: Ref<boolean | undefined>;
}
interface ThemeProps {
    color: CLColors;
    variant: CLColorVariants;
    theme?: ThemeContext;
}
export declare const badgeTheme: ({ color, variant }: ThemeProps) => {
    '--clll-badge-bg-color': string;
    '--clll-badge-border-color': string;
    '--clll-badge-border-style': string;
    '--clll-badge-border-width': string;
    '--clll-badge-text-color': string;
    '--clll-badge-theme-radius': string;
};
export declare const bannerTheme: ({ color, variant }: ThemeProps) => {
    '--clll-banner-bg-color': string;
    '--clll-banner-border-color': string;
    '--clll-banner-text-color': string;
    '--clll-banner-theme-radius': string;
};
export declare const pillTheme: ({ color, variant }: ThemeProps) => {
    '--clll-pill-bg-color': string;
    '--clll-pill-border-color': string;
    '--clll-pill-border-style': string;
    '--clll-pill-border-width': string;
    '--clll-pill-text-color': string;
    '--clll-pill-hover-bg': string;
    '--clll-pill-count-bg': string;
    '--clll-pill-count-border-style': string;
    '--clll-pill-count-border-color': string;
    '--clll-pill-count-border-width': string;
    '--clll-pill-theme-radius': string;
};
export declare const progressTheme: ({ color, theme }: Omit<ThemeProps, "variant">) => {
    '--clll-progress-container-bg': string;
    '--clll-progress-bar-bg': string;
};
export {};