import { default as React } from 'react'; import { PolymorphicProps, StyleProps } from '../../style-engine'; export declare const contextButtonStyles: import('../../style-engine').StylesDef<{ readonly color: { readonly primary: "bg-primary text-white"; readonly secondary: "bg-secondary text-white"; readonly accent: "bg-accent text-white"; readonly muted: "bg-muted text-foreground"; readonly success: "bg-success text-white"; readonly warning: "bg-warning text-white"; readonly danger: "bg-danger text-white"; readonly info: "bg-info text-white"; readonly gradient: "bg-gradient-ui text-white"; }; readonly shadow: { readonly sm: "shadow-sm"; readonly md: "shadow"; readonly lg: "shadow-lg"; readonly xl: "shadow-xl"; readonly '2xl': "shadow-2xl"; }; readonly size: { readonly sm: "px-3 py-1 text-sm"; readonly md: "px-4 py-2 text-base"; readonly lg: "px-8 py-3 text-lg"; }; readonly rounding: { readonly none: "rounded-none"; readonly sm: "rounded-sm"; readonly md: "rounded-md"; readonly lg: "rounded-lg"; readonly xl: "rounded-xl"; readonly full: "rounded-full"; }; } & { fill: { solid: string; outline: string; ghost: string; }; rounding: { readonly none: "rounded-none"; readonly sm: "rounded-sm"; readonly md: "rounded-md"; readonly lg: "rounded-lg"; readonly xl: "rounded-xl"; readonly full: "rounded-full"; }; } & { size: { sm: string; md: string; lg: string; }; }>; export type ContextButtonProps = PolymorphicProps & {}>; /** * ContextButton component for use at the top-right of cards. * Pre-configured with ghost fill and compact styling. * Typically used to contain a MenuDotsIcon or similar action icon. */ export declare function ContextButton({ children, as, color, size, fill, className, ...props }: ContextButtonProps): React.JSX.Element;