import { Responsive } from './util';

export declare const colorValues: readonly [];
export declare const color: readonly [{
    readonly key: "color";
    readonly className: "teddy-color";
    readonly values: readonly [];
}];
/**
 * The color. It can be  or a responsive value.
 * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
 */
export type ColorProps = {
    color?: Responsive<(typeof colorValues)[number]['key']>;
};