import React from "react";
import { AsComponentProp, ComponentWithAs } from "../AsComponentProps";
import { FieldGroupContextValue } from "../FieldGroup";
import { PartialColorProps } from "../theme";
export declare const resetButtonStyle: import("@emotion/utils").SerializedStyles;
export interface BaseButtonProps extends PartialColorProps, FieldGroupContextValue {
    children?: React.ReactNode;
    /**
     * ボタンの見た目を指定します。
     *
     * @default text
     */
    variant?: "filled" | "outlined" | "text";
    /**
     * アイコンとして入れる要素を指定します。
     *
     * @default null
     */
    icon?: React.ReactNode;
    /**
     * 文字列の後ろに入れるアイコンの要素を指定します。
     * iconが指定されておらず、childrenがある場合のみ表示できます。
     *
     * @default null
     */
    endIcon?: React.ReactNode;
    /**
     * ボタンに丸みをつけます
     *
     * @default false
     */
    rounded?: boolean;
    /**
     * 最大限幅を大きくします。
     *
     * @default false
     */
    fullWidth?: boolean;
    /**
     * Use readOnly instead
     */
    disabled?: boolean;
    /**
     * 大きさを指定します。
     *
     * @default medium
     */
    size?: "small" | "medium" | "large" | "xlarge";
}
export type ButtonProps<E extends React.ElementType = "button"> = AsComponentProp<E, BaseButtonProps>;
export declare const Button: ComponentWithAs<"button", BaseButtonProps>;