import { TextField as KTextField } from '@kobalte/core/text-field';
import { ComponentProps } from 'solid-js';
import { VariantProps } from 'tailwind-variants';
declare const fileFieldStyles: import('tailwind-variants').TVReturnType<{
    validationState: {
        valid: {};
        invalid: {
            dropzone: string;
        };
    };
    isDisabled: {
        true: {
            dropzone: string;
        };
    };
}, {
    root: string;
    label: string;
    dropzone: string[];
    icon: string;
    description: string;
    errorMessage: string;
}, undefined, {
    validationState: {
        valid: {};
        invalid: {
            dropzone: string;
        };
    };
    isDisabled: {
        true: {
            dropzone: string;
        };
    };
}, {
    root: string;
    label: string;
    dropzone: string[];
    icon: string;
    description: string;
    errorMessage: string;
}, import('tailwind-variants').TVReturnType<{
    validationState: {
        valid: {};
        invalid: {
            dropzone: string;
        };
    };
    isDisabled: {
        true: {
            dropzone: string;
        };
    };
}, {
    root: string;
    label: string;
    dropzone: string[];
    icon: string;
    description: string;
    errorMessage: string;
}, undefined, unknown, unknown, undefined>>;
type FileFieldVariants = VariantProps<typeof fileFieldStyles>;
export interface FileFieldProps extends Omit<ComponentProps<typeof KTextField>, "value" | "onChange">, FileFieldVariants {
    label?: string;
    description?: string;
    accept?: string;
    multiple?: boolean;
    onChange?: (files: File[]) => void;
}
export declare const FileField: (props: FileFieldProps) => import("solid-js").JSX.Element;
export {};