import { PropType } from 'vue';
import { SizeTypes, ColorTypes } from '../../types';

declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    /**
     * ボタン間のスペース
     * @example '50px'
     */
    centerSpace: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 左ボタンのラベル
     * @example 'キャンセル'
     */
    leftButtonLabel: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 右ボタンのラベル
     * @example '保存'
     */
    rightButtonLabel: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 左ボタンのアウトライン
     * @example leftButtonOutline
     */
    leftButtonOutline: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 右ボタンのアウトライン
     * @example rightButtonOutline
     */
    rightButtonOutline: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * ラウンドデザイン
     * @example rounded
     */
    rounded: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * スクエアデザイン
     * @example square
     */
    square: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * サイズ
     * @example 'xs' | 'XS' | 's' | 'S' | 'm' | 'M' | 'l' | 'L' | 'xl' | 'XL'
     */
    size: {
        type: PropType<SizeTypes>;
        default: string;
    };
    /**
     * 左ボタンのカラー
     * @example 'primary'
     */
    leftButtonColor: {
        type: PropType<ColorTypes>;
        default: string;
    };
    /**
     * 右ボタンのカラー
     * @example 'secondary'
     */
    rightButtonColor: {
        type: PropType<ColorTypes>;
        default: string;
    };
    /**
     * 左ボタンのディセーブル
     * @example leftButtonDisabled
     */
    leftButtonDisabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 右ボタンのディセーブル
     * @example rightButtonDisabled
     */
    rightButtonDisabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 左ボタンのアイコン左
     * @example 'mail'
     */
    leftButtonIconLeft: {
        type: PropType<string>;
        default: string;
    };
    /**
     * 左ボタンのアイコン右
     * @example 'phone'
     */
    leftButtonIconRight: {
        type: PropType<string>;
        default: string;
    };
    /**
     * 右ボタンのアイコン左
     * @example 'mail'
     */
    rightButtonIconLeft: {
        type: PropType<string>;
        default: string;
    };
    /**
     * 右ボタンのアイコン右
     * @example 'phone'
     */
    rightButtonIconRight: {
        type: PropType<string>;
        default: string;
    };
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    clickLeft: () => void;
    clickRight: () => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    /**
     * ボタン間のスペース
     * @example '50px'
     */
    centerSpace: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 左ボタンのラベル
     * @example 'キャンセル'
     */
    leftButtonLabel: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 右ボタンのラベル
     * @example '保存'
     */
    rightButtonLabel: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 左ボタンのアウトライン
     * @example leftButtonOutline
     */
    leftButtonOutline: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 右ボタンのアウトライン
     * @example rightButtonOutline
     */
    rightButtonOutline: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * ラウンドデザイン
     * @example rounded
     */
    rounded: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * スクエアデザイン
     * @example square
     */
    square: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * サイズ
     * @example 'xs' | 'XS' | 's' | 'S' | 'm' | 'M' | 'l' | 'L' | 'xl' | 'XL'
     */
    size: {
        type: PropType<SizeTypes>;
        default: string;
    };
    /**
     * 左ボタンのカラー
     * @example 'primary'
     */
    leftButtonColor: {
        type: PropType<ColorTypes>;
        default: string;
    };
    /**
     * 右ボタンのカラー
     * @example 'secondary'
     */
    rightButtonColor: {
        type: PropType<ColorTypes>;
        default: string;
    };
    /**
     * 左ボタンのディセーブル
     * @example leftButtonDisabled
     */
    leftButtonDisabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 右ボタンのディセーブル
     * @example rightButtonDisabled
     */
    rightButtonDisabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 左ボタンのアイコン左
     * @example 'mail'
     */
    leftButtonIconLeft: {
        type: PropType<string>;
        default: string;
    };
    /**
     * 左ボタンのアイコン右
     * @example 'phone'
     */
    leftButtonIconRight: {
        type: PropType<string>;
        default: string;
    };
    /**
     * 右ボタンのアイコン左
     * @example 'mail'
     */
    rightButtonIconLeft: {
        type: PropType<string>;
        default: string;
    };
    /**
     * 右ボタンのアイコン右
     * @example 'phone'
     */
    rightButtonIconRight: {
        type: PropType<string>;
        default: string;
    };
}>> & Readonly<{
    onClickLeft?: (() => any) | undefined;
    onClickRight?: (() => any) | undefined;
}>, {
    square: boolean;
    rounded: boolean;
    size: SizeTypes;
    centerSpace: string;
    leftButtonLabel: string;
    rightButtonLabel: string;
    leftButtonOutline: boolean;
    rightButtonOutline: boolean;
    leftButtonColor: ColorTypes;
    rightButtonColor: ColorTypes;
    leftButtonDisabled: boolean;
    rightButtonDisabled: boolean;
    leftButtonIconLeft: string;
    leftButtonIconRight: string;
    rightButtonIconLeft: string;
    rightButtonIconRight: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=CCButtonSet.vue.d.ts.map