import { ViewStyle, TextStyle } from 'react-native';
export interface ColorInputSizeMetrics {
    inputHeight: number;
    paddingHorizontal: number;
    paddingVertical: number;
    previewSize: number;
    previewBorderRadius: number;
    previewMarginRight: number;
    textFontSize: number;
    textInputHeight: number;
    dropdownIconSize: number;
    dropdownIconMarginLeft: number;
    swatchSize: number;
    swatchGap: number;
}
export declare function useColorInputStyles(metrics: ColorInputSizeMetrics): {
    container: ViewStyle;
    label: TextStyle;
    wrapper: ViewStyle;
    input: ViewStyle;
    inputFocused: ViewStyle;
    inputDisabled: ViewStyle;
    inputError: ViewStyle;
    previewWrapper: ViewStyle;
    preview: ViewStyle;
    textInput: TextStyle;
    dropdownIcon: TextStyle;
    clearButton: ViewStyle;
    clearButtonPressed: ViewStyle;
    dropdownTrigger: ViewStyle;
    dropdownTriggerPressed: ViewStyle;
    dropdown: ViewStyle;
    colorPalette: ViewStyle;
    paletteTitle: TextStyle;
    swatchGrid: ViewStyle;
    swatch: ViewStyle;
    swatchSelected: ViewStyle;
    customSection: ViewStyle;
    hexInput: ViewStyle;
    hexInputText: TextStyle;
    error: TextStyle;
    description: TextStyle;
    buttonRow: ViewStyle;
    button: ViewStyle;
    primaryButton: ViewStyle;
    secondaryButton: ViewStyle;
    buttonText: TextStyle;
    primaryButtonText: TextStyle;
    secondaryButtonText: TextStyle;
};