import { type CSSObject } from '@emotion/serialize';
import { BorderTopLeftRadiusProperty, BorderTopRightRadiusProperty, BorderBottomRightRadiusProperty, BorderBottomLeftRadiusProperty } from 'csstype';
import { LengthPercentageData } from './length-percentage';
/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#constituent_properties */
export type BorderRadiusLonghandPropertyData = LengthPercentageData;
/**
 * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius
 *
 * @todos
 * - Remove `null` from possible values of longhand properties
 * - Remove `undefined` from possible values and make fields optional
 */
export type BorderRadiusPropertyData = {
    borderTopLeftRadius?: LengthPercentageData | BorderTopLeftRadiusProperty<string | number> | null | undefined;
    borderTopRightRadius?: LengthPercentageData | BorderTopRightRadiusProperty<string | number> | null | undefined;
    borderBottomRightRadius?: LengthPercentageData | BorderBottomRightRadiusProperty<string | number> | null | undefined;
    borderBottomLeftRadius?: LengthPercentageData | BorderBottomLeftRadiusProperty<string | number> | null | undefined;
};
export declare function borderRadiusPropertyDataToStyle(data: BorderRadiusPropertyData, defaultValue?: BorderRadiusPropertyData): CSSObject;
//# sourceMappingURL=border-radius.d.ts.map