import React from 'react'; import { ComponentProps, Polymorphic } from '@hitagi/utils/types'; import * as SS from 'styled-system'; import { BgProps } from '../styles/system'; export type ButtonSize = 'default' | 'small'; declare const StyledButtonBase: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, { size: ButtonSize; /** If true, the button will take up the full width of its container. */ fullWidth: boolean; disableBg?: boolean | undefined; disableOutline?: boolean | undefined; } & BgProps & SS.SpaceProps>, string | number | symbol> & SS.WidthProps>, import("csstype").Property.Width> & SS.MaxWidthProps>, import("csstype").Property.MaxWidth> & SS.MinWidthProps>, import("csstype").Property.MinWidth> & SS.FlexShrinkProps>> & SS.FlexGrowProps>> & SS.FlexBasisProps>, import("csstype").Property.FlexBasis>, never>; type ButtonProps = Partial> & { children: React.ReactNode; isIconOnly?: boolean; startIcon?: React.ReactNode; endIcon?: React.ReactNode; justifyContent?: React.CSSProperties['justifyContent']; }; /** * Buttons allow users to triggers an event or action and make choices, with a single tap.
* Buttons communicate actions that users can take. */ declare const _default: Polymorphic.Component<"button", ButtonProps> & { hiName: string; sc: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, { size: ButtonSize; /** If true, the button will take up the full width of its container. */ fullWidth: boolean; disableBg?: boolean | undefined; disableOutline?: boolean | undefined; } & BgProps & SS.SpaceProps>, string | number | symbol> & SS.WidthProps>, import("csstype").Property.Width> & SS.MaxWidthProps>, import("csstype").Property.MaxWidth> & SS.MinWidthProps>, import("csstype").Property.MinWidth> & SS.FlexShrinkProps>> & SS.FlexGrowProps>> & SS.FlexBasisProps>, import("csstype").Property.FlexBasis>, never>; }; export default _default;