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

declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    /**
     * 値
     * @example 'テスト', 100
     */
    modelValue: {
        type: (StringConstructor | NumberConstructor | {
            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
            prototype: File;
        })[];
    };
    /**
     * アウトライン
     * @example outline
     */
    outline: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * シャドウ
     * @example shadow
     */
    shadow: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * スクエア
     * @example square
     */
    square: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * ディセーブル
     * @example disable => true
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * ラベル
     * @example 'お名前'
     */
    label: {
        type: StringConstructor;
        default: string;
    };
    /**
     * ラベルのテキストの大きさ
     * line-heightが24pxのため、大きすぎるサイズを入れると表示が崩れる
     * @example '16px'
     */
    labelSize: {
        type: StringConstructor;
        default: string;
    };
    /**
     * プレースホルダー
     * @example 'お名前'
     */
    placeholder: {
        type: StringConstructor;
        default: string;
    };
    /**
     * サイズ
     * @example 'S' | 'M' | 'L'
     */
    size: {
        type: PropType<SizeTypes>;
        default: string;
    };
    /**
     * アイコンレフト
     * @example 'left'
     */
    iconLeft: {
        type: PropType<string>;
        default: string;
    };
    /**
     * アイコンライト
     * @example 'right'
     */
    iconRight: {
        type: PropType<string>;
        default: string;
    };
    /**
     * 必須テキスト
     * @example '*' | '*必須'
     */
    requiredText: {
        type: PropType<"※" | "※必須">;
        default: string;
    };
    /**
     * 必須アイコン
     * @example true
     */
    requiredIcon: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * エラー1
     * @example true
     */
    error1: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * エラー2
     * @example true
     */
    error2: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * エラー3
     * @example '****を入力してください'
     */
    error3: {
        type: StringConstructor;
        default: string;
    };
    /**
     * エラー4
     * @example '****を入力してください'
     */
    error4: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 日付
     * @example true | false
     */
    date: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 文字数制限
     * @example 11
     */
    maxlength: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 検索
     * @example true | false
     */
    search: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * カレンダーをポップアップモードで表示する
     * @example true | false
     */
    calendarPopupMode: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * ファイル選択
     */
    accept: {
        type: StringConstructor;
        default: string;
    };
    /**
     * inputmode
     * @example inputmode: numeric
     */
    inputmode: {
        type: PropType<"search" | "text" | "email" | "none" | "tel" | "url" | "numeric" | "decimal" | undefined>;
        default: string;
    };
    type: {
        type: StringConstructor;
        default: string;
    };
    /**
     * autocomplete
     * @example true | false
     */
    isAutocomplete: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (val: string | number | File | undefined) => void;
    "update:calendarPopupMode": (val: boolean) => void;
    onBlur: () => void;
    onFocus: () => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    /**
     * 値
     * @example 'テスト', 100
     */
    modelValue: {
        type: (StringConstructor | NumberConstructor | {
            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
            prototype: File;
        })[];
    };
    /**
     * アウトライン
     * @example outline
     */
    outline: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * シャドウ
     * @example shadow
     */
    shadow: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * スクエア
     * @example square
     */
    square: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * ディセーブル
     * @example disable => true
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * ラベル
     * @example 'お名前'
     */
    label: {
        type: StringConstructor;
        default: string;
    };
    /**
     * ラベルのテキストの大きさ
     * line-heightが24pxのため、大きすぎるサイズを入れると表示が崩れる
     * @example '16px'
     */
    labelSize: {
        type: StringConstructor;
        default: string;
    };
    /**
     * プレースホルダー
     * @example 'お名前'
     */
    placeholder: {
        type: StringConstructor;
        default: string;
    };
    /**
     * サイズ
     * @example 'S' | 'M' | 'L'
     */
    size: {
        type: PropType<SizeTypes>;
        default: string;
    };
    /**
     * アイコンレフト
     * @example 'left'
     */
    iconLeft: {
        type: PropType<string>;
        default: string;
    };
    /**
     * アイコンライト
     * @example 'right'
     */
    iconRight: {
        type: PropType<string>;
        default: string;
    };
    /**
     * 必須テキスト
     * @example '*' | '*必須'
     */
    requiredText: {
        type: PropType<"※" | "※必須">;
        default: string;
    };
    /**
     * 必須アイコン
     * @example true
     */
    requiredIcon: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * エラー1
     * @example true
     */
    error1: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * エラー2
     * @example true
     */
    error2: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * エラー3
     * @example '****を入力してください'
     */
    error3: {
        type: StringConstructor;
        default: string;
    };
    /**
     * エラー4
     * @example '****を入力してください'
     */
    error4: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 日付
     * @example true | false
     */
    date: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * 文字数制限
     * @example 11
     */
    maxlength: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 検索
     * @example true | false
     */
    search: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * カレンダーをポップアップモードで表示する
     * @example true | false
     */
    calendarPopupMode: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * ファイル選択
     */
    accept: {
        type: StringConstructor;
        default: string;
    };
    /**
     * inputmode
     * @example inputmode: numeric
     */
    inputmode: {
        type: PropType<"search" | "text" | "email" | "none" | "tel" | "url" | "numeric" | "decimal" | undefined>;
        default: string;
    };
    type: {
        type: StringConstructor;
        default: string;
    };
    /**
     * autocomplete
     * @example true | false
     */
    isAutocomplete: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onOnFocus?: (() => any) | undefined;
    onOnBlur?: (() => any) | undefined;
    "onUpdate:modelValue"?: ((val: string | number | File | undefined) => any) | undefined;
    "onUpdate:calendarPopupMode"?: ((val: boolean) => any) | undefined;
}>, {
    type: string;
    disabled: boolean;
    search: boolean;
    label: string;
    square: boolean;
    outline: boolean;
    size: SizeTypes;
    iconRight: string;
    iconLeft: string;
    shadow: boolean;
    labelSize: string;
    placeholder: string;
    requiredText: "※" | "※必須";
    requiredIcon: boolean;
    error1: boolean;
    error2: boolean;
    error3: string;
    error4: string;
    date: boolean;
    maxlength: string;
    calendarPopupMode: boolean;
    accept: string;
    inputmode: "search" | "text" | "email" | "none" | "tel" | "url" | "numeric" | "decimal" | undefined;
    isAutocomplete: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=CCInput.vue.d.ts.map