import React from 'react'; import * as MUI from '@material-ui/core'; import { CSSProp } from '@monorail/helpers/styled-components'; import { ReactRouterLinkProps } from '@monorail/v2/core/RouterLink/RouterLink'; import { OmitBannedProps } from '@monorail/v2/shared/helpers'; export declare const DISPLAY: { readonly Primary: "primary"; readonly Outline: "outline"; readonly Chromeless: "chromeless"; readonly ChromelessContrast: "chromelessContrast"; }; export declare type Display = typeof DISPLAY[keyof typeof DISPLAY]; export declare const SIZE: { readonly Dense: "dense"; readonly Compact: "compact"; readonly Default: "default"; readonly Large: "large"; }; export declare type Size = typeof SIZE[keyof typeof SIZE]; export declare const displayCss: Record; export declare type ButtonProps = OmitBannedProps & { display?: Display; size?: Size; }; export declare const StyledButton: import("styled-components").StyledComponent & React.RefAttributes>, import("../../../helpers/theme").GlobalAppThemeInterface, { display: Display; size: Size; }, "display" | "size">; /** * Composition of Button + Link with appropriate visual defaults */ export declare function ButtonLink(props: ReactRouterLinkProps & ButtonProps): JSX.Element; /** * A button is a thing that is clicked. * * - [Button | Material-UI](https://material-ui.com/components/buttons/#button) * - [Button | Monorail Figma](https://www.figma.com/file/dKL9YeHgWyxmRHuIjs38f3O9/Monorail-Components?node-id=16730%3A198) */ export declare const Button: React.ForwardRefExoticComponent & React.RefAttributes>;