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 cardTheme: ({ color, variant, theme }: ThemeProps) => {
    '--clll-card-border-color': string;
    '--clll-card-bg-color': string;
    '--clll-card-image-bg': string;
    '--clll-card-text-color': string;
    '--clll-card-focus-border': string;
    '--clll-card-focus-shadow': string;
    '--clll-card-theme-radius': string;
};
export declare const disclosureTheme: ({ color, variant, theme }: ThemeProps) => {
    '--clll-disclosure-border-color': string;
    '--clll-disclosure-text-color': string;
    '--clll-disclosure-content-border': string;
    '--clll-disclosure-trigger-bg-color': string;
    '--clll-disclosure-trigger-hover-bg-color': string;
    '--clll-disclosure-theme-radius': string;
};
export declare const drawerTheme: (theme?: ThemeContext) => {
    '--clll-drawer-overlay-bg': string;
    '--clll-drawer-content-bg': string;
};
export {};