import React from 'react';
import { LayerProps } from '../../layout';
export interface ColorToggleProps extends LayerProps {
    onActiveChange?: (active: boolean, color: string) => void;
    backgroundColor: string;
    active?: boolean;
}
declare const ColorToggle: React.ForwardRefExoticComponent<Pick<ColorToggleProps, "className" | "color" | "height" | "style" | "width" | "cursor" | "display" | "focusable" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "from" | "opacity" | "overflow" | "pointerEvents" | "children" | "animate" | "borderRadius" | "backgroundColor" | "flex" | "left" | "right" | "maxWidth" | "minWidth" | "maxHeight" | "minHeight" | "padding" | "paddingTop" | "paddingBottom" | "paddingRight" | "paddingLeft" | "margin" | "marginTop" | "marginBottom" | "marginRight" | "marginLeft" | "flexDirection" | "justifyContent" | "alignItems" | "alignSelf" | "alignContent" | "flexWrap" | "flexBasis" | "flexGrow" | "flexShrink" | "position" | "top" | "bottom" | "zIndex" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderColor" | "borderStyle" | "boxShadow" | "boxSizing" | "custom" | "onExitComplete" | "exitBeforeEnter" | "presenceAffectsLayout" | "exit" | "transition" | "variants" | "currentVariant" | "onLayout" | "layout" | "selectable" | "textAlign" | "textOverflow" | "whiteSpace" | "wordWrap" | "active" | "onActiveChange"> & React.RefAttributes<unknown>>;
export { ColorToggle };