import { Responsive } from './util';

export declare const widthValues: readonly [{
    readonly key: "auto";
    readonly value: "auto";
}, {
    readonly key: "100%";
    readonly value: "100%";
}, {
    readonly key: "50%";
    readonly value: "50%";
}];
export type WidthProps = {
    /**
     * Static width.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/width
     */
    width?: Responsive<(typeof widthValues)[number]['key']>;
    /**
     * Min width.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/min-width
     */
    minWidth?: Responsive<(typeof widthValues)[number]['key']>;
    /**
     * Max width.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/max-width
     */
    maxWidth?: Responsive<(typeof widthValues)[number]['key']>;
};
export declare const widths: readonly [{
    readonly key: "width";
    readonly className: "teddy-w";
    readonly values: readonly [{
        readonly key: "auto";
        readonly value: "auto";
    }, {
        readonly key: "100%";
        readonly value: "100%";
    }, {
        readonly key: "50%";
        readonly value: "50%";
    }];
}, {
    readonly key: "minWidth";
    readonly className: "teddy-min-w";
    readonly values: readonly [{
        readonly key: "auto";
        readonly value: "auto";
    }, {
        readonly key: "100%";
        readonly value: "100%";
    }, {
        readonly key: "50%";
        readonly value: "50%";
    }];
}, {
    readonly key: "maxWidth";
    readonly className: "teddy-max-w";
    readonly values: readonly [{
        readonly key: "auto";
        readonly value: "auto";
    }, {
        readonly key: "100%";
        readonly value: "100%";
    }, {
        readonly key: "50%";
        readonly value: "50%";
    }];
}];