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

declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    /**
     * label
     * @example 'Save'
     */
    label: {
        type: StringConstructor;
        default: string;
    };
    /**
     * outline
     * @example outline
     */
    outline: {
        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 'secondary'
     */
    color: {
        type: PropType<ColorTypes>;
        default: string;
    };
    /**
     * ディセーブル
     * @example disable => true
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * アイコン右
     * @example 'mail'
     */
    iconRight: {
        type: PropType<string>;
        default: string;
    };
    /**
     * アイコン左
     * @example 'phone'
     */
    iconLeft: {
        type: PropType<string>;
        default: string;
    };
    /**
     * ラベルカラー
     */
    labelColor: {
        type: StringConstructor;
        default: string;
    };
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    click: () => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    /**
     * label
     * @example 'Save'
     */
    label: {
        type: StringConstructor;
        default: string;
    };
    /**
     * outline
     * @example outline
     */
    outline: {
        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 'secondary'
     */
    color: {
        type: PropType<ColorTypes>;
        default: string;
    };
    /**
     * ディセーブル
     * @example disable => true
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * アイコン右
     * @example 'mail'
     */
    iconRight: {
        type: PropType<string>;
        default: string;
    };
    /**
     * アイコン左
     * @example 'phone'
     */
    iconLeft: {
        type: PropType<string>;
        default: string;
    };
    /**
     * ラベルカラー
     */
    labelColor: {
        type: StringConstructor;
        default: string;
    };
}>> & Readonly<{
    onClick?: (() => any) | undefined;
}>, {
    disabled: boolean;
    color: ColorTypes;
    label: string;
    square: boolean;
    outline: boolean;
    rounded: boolean;
    size: SizeTypes;
    iconRight: string;
    iconLeft: string;
    labelColor: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=CCButton.vue.d.ts.map