import type { StylesTemplate } from "./core.js";
import { ClawsSnippet } from "./snippets_registry.js";
export interface ResponsiveStyle {
    all?: Record<string, ClawsSnippet>;
    xs?: Record<string, ClawsSnippet>;
    sm?: Record<string, ClawsSnippet>;
    md?: Record<string, ClawsSnippet>;
    lg?: Record<string, ClawsSnippet>;
    xl?: Record<string, ClawsSnippet>;
    xxl?: Record<string, ClawsSnippet>;
    xxxl?: Record<string, ClawsSnippet>;
    xxxxl?: Record<string, ClawsSnippet>;
}
export declare class Component {
    protected responsive_styles: ResponsiveStyle;
    style(selector: string, styles: Record<string, StylesTemplate>): void;
    apply(): void;
    clone(): Component;
}
export declare class KeyFrame {
    name: string;
    constructor(name: string, animation_styles: Record<number, StylesTemplate>);
}
//# sourceMappingURL=component.d.ts.map