import { Responsive } from './util';

export declare const objectFitValues: readonly [{
    readonly key: "fill";
    readonly value: "fill";
}, {
    readonly key: "contain";
    readonly value: "contain";
}, {
    readonly key: "cover";
    readonly value: "cover";
}, {
    readonly key: "none";
    readonly value: "none";
}, {
    readonly key: "scale-down";
    readonly value: "scale-down";
}];
export declare const objectFit: readonly [{
    readonly key: "objectFit";
    readonly className: "teddy-object-fit";
    readonly values: readonly [{
        readonly key: "fill";
        readonly value: "fill";
    }, {
        readonly key: "contain";
        readonly value: "contain";
    }, {
        readonly key: "cover";
        readonly value: "cover";
    }, {
        readonly key: "none";
        readonly value: "none";
    }, {
        readonly key: "scale-down";
        readonly value: "scale-down";
    }];
}];
/**
 * ObjectFit. 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 ObjectFitProps = {
    objectFit?: Responsive<(typeof objectFitValues)[number]['key']>;
};