import { Responsive } from './util';

declare const radiusValues: readonly [{
    readonly key: "none";
    readonly value: "0";
}, {
    readonly key: "xs";
    readonly value: "var(--teddy-border-radius-xs)";
}, {
    readonly key: "sm";
    readonly value: "var(--teddy-border-radius-sm)";
}, {
    readonly key: "md";
    readonly value: "var(--teddy-border-radius-md)";
}, {
    readonly key: "lg";
    readonly value: "var(--teddy-border-radius-lg)";
}, {
    readonly key: "full";
    readonly value: "var(--teddy-border-radius-full)";
}];
export declare const radius: readonly [{
    readonly key: "radius";
    readonly className: "teddy-radius";
    readonly values: readonly [{
        readonly key: "none";
        readonly value: "0";
    }, {
        readonly key: "xs";
        readonly value: "var(--teddy-border-radius-xs)";
    }, {
        readonly key: "sm";
        readonly value: "var(--teddy-border-radius-sm)";
    }, {
        readonly key: "md";
        readonly value: "var(--teddy-border-radius-md)";
    }, {
        readonly key: "lg";
        readonly value: "var(--teddy-border-radius-lg)";
    }, {
        readonly key: "full";
        readonly value: "var(--teddy-border-radius-full)";
    }];
}, {
    readonly key: "radiusTL";
    readonly className: "teddy-radius-tl";
    readonly values: readonly [{
        readonly key: "none";
        readonly value: "0";
    }, {
        readonly key: "xs";
        readonly value: "var(--teddy-border-radius-xs)";
    }, {
        readonly key: "sm";
        readonly value: "var(--teddy-border-radius-sm)";
    }, {
        readonly key: "md";
        readonly value: "var(--teddy-border-radius-md)";
    }, {
        readonly key: "lg";
        readonly value: "var(--teddy-border-radius-lg)";
    }, {
        readonly key: "full";
        readonly value: "var(--teddy-border-radius-full)";
    }];
}, {
    readonly key: "radiusTR";
    readonly className: "teddy-radius-tr";
    readonly values: readonly [{
        readonly key: "none";
        readonly value: "0";
    }, {
        readonly key: "xs";
        readonly value: "var(--teddy-border-radius-xs)";
    }, {
        readonly key: "sm";
        readonly value: "var(--teddy-border-radius-sm)";
    }, {
        readonly key: "md";
        readonly value: "var(--teddy-border-radius-md)";
    }, {
        readonly key: "lg";
        readonly value: "var(--teddy-border-radius-lg)";
    }, {
        readonly key: "full";
        readonly value: "var(--teddy-border-radius-full)";
    }];
}, {
    readonly key: "radiusBL";
    readonly className: "teddy-radius-bl";
    readonly values: readonly [{
        readonly key: "none";
        readonly value: "0";
    }, {
        readonly key: "xs";
        readonly value: "var(--teddy-border-radius-xs)";
    }, {
        readonly key: "sm";
        readonly value: "var(--teddy-border-radius-sm)";
    }, {
        readonly key: "md";
        readonly value: "var(--teddy-border-radius-md)";
    }, {
        readonly key: "lg";
        readonly value: "var(--teddy-border-radius-lg)";
    }, {
        readonly key: "full";
        readonly value: "var(--teddy-border-radius-full)";
    }];
}, {
    readonly key: "radiusBR";
    readonly className: "teddy-radius-br";
    readonly values: readonly [{
        readonly key: "none";
        readonly value: "0";
    }, {
        readonly key: "xs";
        readonly value: "var(--teddy-border-radius-xs)";
    }, {
        readonly key: "sm";
        readonly value: "var(--teddy-border-radius-sm)";
    }, {
        readonly key: "md";
        readonly value: "var(--teddy-border-radius-md)";
    }, {
        readonly key: "lg";
        readonly value: "var(--teddy-border-radius-lg)";
    }, {
        readonly key: "full";
        readonly value: "var(--teddy-border-radius-full)";
    }];
}];
export type RadiusProps = {
    /**
     * The radius of the element. It can be a number, 'none' 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 radius={{ sm: 'xs', md: 'sm' }}
     */
    radius?: Responsive<(typeof radiusValues)[number]['key']>;
    /**
     * The radius of the top-left corner of the element. It can be a number, 'none' 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 radius={{ sm: 'xs', md: 'sm' }}
     */
    radiusTL?: Responsive<(typeof radiusValues)[number]['key']>;
    /**
     * The radius of the top-right corner of the element. It can be a number, 'none' 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 radius={{ sm: 'xs', md: 'sm' }}
     */
    radiusTR?: Responsive<(typeof radiusValues)[number]['key']>;
    /**
     * The radius of the bottom-left corner of the element. It can be a number, 'none' 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 radius={{ sm: 'xs', md: 'sm' }}
     */
    radiusBL?: Responsive<(typeof radiusValues)[number]['key']>;
    /**
     * The radius of the bottom-right corner of the element. It can be a number, 'none' 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 radius={{ sm: 'xs', md: 'sm' }}
     */
    radiusBR?: Responsive<(typeof radiusValues)[number]['key']>;
};
export {};