export declare const createStyles: (theme?: "light" | "dark") => {
    container: {
        flexDirection: "row";
        alignItems: "center";
        backgroundColor: string;
        paddingHorizontal: number;
        paddingVertical: number;
    };
    leftExtra: {
        marginRight: number;
    };
    inputContainer: {
        flex: number;
        flexDirection: "row";
        alignItems: "center";
        backgroundColor: string;
        borderRadius: number;
        paddingHorizontal: number;
        height: number;
    };
    inputContainerSquare: {
        borderRadius: number;
    };
    inputContainerFocused: {
        borderWidth: number;
        borderColor: string;
    };
    leftIcon: {
        marginRight: number;
    };
    input: {
        flex: number;
        fontSize: number;
        color: string;
        padding: number;
        height: "100%";
    };
    inputDisabled: {
        color: string;
    };
    rightIconsContainer: {
        flexDirection: "row";
        alignItems: "center";
        marginLeft: number;
    };
    iconButton: {
        padding: number;
        marginLeft: number;
    };
    iconDivider: {
        width: number;
        height: number;
        backgroundColor: string;
        marginHorizontal: number;
    };
    clearButton: {
        padding: number;
    };
    rightExtra: {
        marginLeft: number;
    };
    searchButton: {
        paddingHorizontal: number;
        paddingVertical: number;
        backgroundColor: string;
        borderRadius: number;
        marginLeft: number;
    };
    searchButtonText: {
        fontSize: number;
        color: string;
        fontWeight: "500";
    };
    iconDefault: {
        color: string;
    };
    iconActive: {
        color: string;
    };
    disabledOverlay: any;
};
export default createStyles;