import React, { PropsWithChildren } from 'react'; interface StyledButtonProps { /** * Variant */ variant?: 'standard' | 'danger' | 'emphasized' | 'no-fill'; /** * Size */ size?: 'sm' | 'md' | 'lg'; /** * Only Case */ iconOnly?: boolean; /** * Icon Size */ iconSize?: 'sm' | 'md' | 'lg'; /** * Shape */ shape?: 'circle' | 'rectangle'; /** * focus state */ focus?: boolean; /** * Variable denoting active state */ active?: boolean; /** * Variable denoting disabled state */ disabled?: boolean; /** * If Button has Icon */ icon?: JSX.Element; /** * if Icon be to the Right */ iconRight?: boolean; /** * className string */ classes?: { [key: string]: string; } | ButtonClasses; /** * css styles declaration */ styles?: any; } declare type NativeAttrs = Omit, keyof StyledButtonProps>; export declare type ButtonProps = StyledButtonProps & NativeAttrs; export interface ButtonClasses { root: string; rootFocus: string; rootDisabled: string; rootStandard: string; rootDanger: string; rootEmphasized: string; rootNoFill: string; rootCircle: string; rootRectangle: string; rootSizeSm: string; rootSizeMd: string; rootSizeLg: string; rootIconSizeSm: string; rootIconSizeMd: string; rootIconSizeLg: string; rootIconOnlyStandard: string; rootIconOnlyDanger: string; rootIconOnlyStandardActive: string; rootIconOnlyDangerActive: string; } export declare const Button: React.FC>; export {};