import { HTMLAttributes } from 'react';
export type ShapeSize = 16 | 24 | 32 | 40 | 48 | 56 | 72;
export type Props = {
    /**
     * Modify underlying element, `div` by default
     */
    as?: React.ElementType;
    /**
     * Set size of the circle in px, `48` by default
     */
    size?: ShapeSize;
    /**
     * When `true` will use the fixed size (`48px`) instead of the CSS spacing variable (`--size-*`)
     * as those can be dynamic a at certain viewport sizes
     */
    fixedSize?: boolean;
} & HTMLAttributes<HTMLDivElement>;
declare const Circle: import("react").ForwardRefExoticComponent<{
    /**
     * Modify underlying element, `div` by default
     */
    as?: React.ElementType;
    /**
     * Set size of the circle in px, `48` by default
     */
    size?: ShapeSize;
    /**
     * When `true` will use the fixed size (`48px`) instead of the CSS spacing variable (`--size-*`)
     * as those can be dynamic a at certain viewport sizes
     */
    fixedSize?: boolean;
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<unknown>>;
export default Circle;
//# sourceMappingURL=Circle.d.ts.map