import { Responsive } from './util';

export declare const positionValues: readonly [{
    readonly key: "relative";
    readonly value: "relative";
}, {
    readonly key: "absolute";
    readonly value: "absolute";
}, {
    readonly key: "fixed";
    readonly value: "fixed";
}, {
    readonly key: "sticky";
    readonly value: "sticky";
}, {
    readonly key: "static";
    readonly value: "static";
}, {
    readonly key: "inherit";
    readonly value: "inherit";
}, {
    readonly key: "initial";
    readonly value: "initial";
}, {
    readonly key: "unset";
    readonly value: "unset";
}];
export declare const position: readonly [{
    readonly key: "position";
    readonly className: "teddy-position";
    readonly values: readonly [{
        readonly key: "relative";
        readonly value: "relative";
    }, {
        readonly key: "absolute";
        readonly value: "absolute";
    }, {
        readonly key: "fixed";
        readonly value: "fixed";
    }, {
        readonly key: "sticky";
        readonly value: "sticky";
    }, {
        readonly key: "static";
        readonly value: "static";
    }, {
        readonly key: "inherit";
        readonly value: "inherit";
    }, {
        readonly key: "initial";
        readonly value: "initial";
    }, {
        readonly key: "unset";
        readonly value: "unset";
    }];
}];
/**
 * The position of an element. 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.
 * @example align={{ sm: 'absolute', md: 'relative' }}
 */
export type PositionProps = {
    position?: Responsive<(typeof positionValues)[number]['key']>;
};