import { Theme } from '../theme';
export declare const validStyle: {
    boxShadow: (theme: Theme) => string;
};
export declare const invalidStyle: {
    boxShadow: (theme: Theme) => string;
};
export declare const inputStyle: ({ valid, invalid }: {
    valid: any;
    invalid: any;
}) => {
    '&:hover': {
        opacity: number;
    };
    '&:active': {
        opacity: number;
    };
    '&:[disabled]': {
        cursor: string;
        opacity: number;
    };
    boxShadow: (theme: Theme) => string;
    width: string;
    position: string;
    lineHeight: number;
    padding: number;
    border: number;
    borderRadius: number;
    '&::placeholder': {
        color: string;
    };
    '&:not(:placeholder-shown)': {
        '&:invalid': {
            boxShadow: (theme: Theme) => string;
        };
        '&:valid': {
            boxShadow: (theme: Theme) => string;
        };
    };
    letterSpacing: string;
    fontWeight: number;
    fontSize: string;
    '::before': {
        content: string;
        marginTop: string;
        display: string;
        height: number;
    };
    '::after': {
        content: string;
        marginBottom: string;
        display: string;
        height: number;
    };
};
export declare const inputVariant: any;