/// <reference types="react" />
import { ButtonAlign, ButtonShape, ButtonSize, ButtonVariant, ButtonWidth } from './Button.type';
export interface StyledButtonProps {
    $width: ButtonWidth;
    $size: ButtonSize;
    $variant: ButtonVariant;
    $color: 'gray' | 'yellow' | 'red' | 'green' | 'blue' | 'violet';
    $shape: ButtonShape;
    $align: ButtonAlign;
    $iconOnly: boolean;
}
export declare const getSizeStyle: (props: StyledButtonProps) => string;
export declare const getShapeStyle: ({ $size, $shape }: StyledButtonProps) => string;
export declare const getVariantStyle: ({ $variant: variant, $color: color }: StyledButtonProps) => string;
export declare const StyledButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonProps>>;