import * as React from 'react';
import type { ButtonProps } from '../../button/button';
import type { FocusHandle } from '../../handle/handle';
import type { Shape, Size } from './internal_swatch';
import type { Fill, FillObject as InternalFillObject, GradientStop as InternalGradientStop } from './swatch_util';
export type FillObject = InternalFillObject;
export type GradientStop = InternalGradientStop;
export type SwatchHandle = FocusHandle;
type FluidProps = (Pick<ButtonProps, 'stretch'> & {
    stretch: true
    aspectRatio?: number
}) | {
    stretch?: false;
    aspectRatio?: never;
};
export type SwatchProps = Pick<ButtonProps, 'onClick' | 'active' | 'selected' | 'pressed' | 'disclosure' | 'id' | 'ariaLabelledBy' | 'ariaDescribedBy' | 'disabled' | 'tabIndex' | 'role' | 'ariaHasPopup' | 'ariaControls'> & {
    ref?: React.Ref<SwatchHandle>
    fill: Fill
    variant?: 'solid' | 'outline' | 'contrast'
    size?: Size
    shape?: Shape
    Icon?: () => React.ReactNode
    onDelete?: () => void
    deleteButtonVisibility?: 'on-hover' | 'always'
    tooltipLabel?: string
    tooltipDescription?: string
    ariaLabel?: string
    disableTooltip?: boolean
    colorNames?: ReadonlyMap<string | FillObject, string>
    rgbToCmyk?: ReadonlyMap<string, string>
} & FluidProps;
export declare function Swatch(
 { fill, size, variant, shape, Icon, onClick, active, selected, pressed, disabled, disclosure, role, tabIndex, tooltipLabel, disableTooltip, stretch, colorNames, rgbToCmyk, id, ariaLabel, tooltipDescription, ariaDescribedBy, ariaLabelledBy, onDelete, deleteButtonVisibility, aspectRatio, ariaHasPopup, ariaControls, ref, }: SwatchProps
): React.ReactNode;
export type AddColorButtonProps = Omit<SwatchProps, 'Icon' | 'fill' | 'variant' | 'onDelete'> & FluidProps;
export declare const AddColorButton: (props: AddColorButtonProps) => React.JSX.Element;
export {};