import { FlexboxProps, LayoutProps, SpaceProps } from 'styled-system';
import { Theme } from '../theme';
import { RefAttributes, ButtonHTMLAttributes } from 'react';
declare type ColorProps = {
    bg?: string;
    color?: string;
};
declare type ShadowProps = {
    bg?: string;
    raised?: boolean;
    glow?: boolean;
};
declare type DisabledProps = {
    disabled?: boolean;
};
declare type OutlineProps = {
    outlineColor?: string;
};
declare type SizeProps = {
    size?: 'regular' | 'small' | 'circle';
};
export declare const FlexButton: import("@emotion/styled-base").StyledComponent<ButtonHTMLAttributes<HTMLButtonElement> & RefAttributes<HTMLButtonElement>, DisabledProps & ShadowProps & OutlineProps & ColorProps & FlexboxProps & LayoutProps & SpaceProps<string | number>, Theme>;
export declare const Button: import("@emotion/styled-base").StyledComponent<import("react").PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement> & RefAttributes<HTMLButtonElement> & DisabledProps & ShadowProps & OutlineProps & ColorProps & FlexboxProps & LayoutProps & SpaceProps<string | number> & {
    theme?: Theme | undefined;
}>, SizeProps, Theme>;
export declare const FloatingButton: import("@emotion/styled-base").StyledComponent<import("react").PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement> & RefAttributes<HTMLButtonElement> & DisabledProps & ShadowProps & OutlineProps & ColorProps & FlexboxProps & LayoutProps & SpaceProps<string | number> & {
    theme?: Theme | undefined;
}>, {
    size?: number | undefined;
}, Theme>;
export {};