declare const TextInput: { baseStyle?: ({ showLabel, isClearable }: import('@chakra-ui/styled-system').StyleFunctionProps) => { position: string; clearButton: { borderRadius: string; minHeight: { base: "42px"; md: "auto"; }; height: string; position: string; top: string; px: string; right: string; span: { clip: string; height: { base: string; md: string; }; overflow: string; position: { base: string; md: string; }; width: { base: string; md: string; }; wordWrap: string; }; zIndex: string; _dark: { svg: { fill: string; }; }; }; input: { bgColor: string; border: string; borderColor: string; borderRadius: string; fontSize: string; minHeight: { base: string; md: string; }; py: string; pr: string; pl: string; _hover: { borderColor: string; }; _disabled: { _placeholder: { color: string; }; bg: string; borderColor: string; color: string; opacity: string; _dark: { bg: string; borderColor: string; color: string; }; }; _active: { borderColor: string; _dark: { borderColor: string; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; _dark: { outlineColor: string; }; }; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; }; _focus: { borderColor: string; _dark: { borderColor: string; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; _dark: { outlineColor: string; }; }; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; }; _placeholder: { color: string; fontStyle: string; lineHeight: string; }; _invalid: { border: string; borderColor: string; boxShadow: string; color: string; _focus: { borderColor: string; }; }; _dark: { bgColor: string; borderColor: string; _hover: { borderColor: string; }; _disabled: { _placeholder: { color: string; }; bg: string; borderColor: string; color: string; opacity: string; _dark: { bg: string; borderColor: string; color: string; }; }; _active: { borderColor: string; _dark: { borderColor: string; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; _dark: { outlineColor: string; }; }; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; }; _focus: { borderColor: string; _dark: { borderColor: string; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; _dark: { outlineColor: string; }; }; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; }; _placeholder: { color: string; }; _invalid: { borderColor: string; color: string; }; }; }; label: { marginBottom: string; }; textarea: { lineHeight: string; minHeight: string; bgColor: string; border: string; borderColor: string; borderRadius: string; fontSize: string; py: string; pr: string; pl: string; _hover: { borderColor: string; }; _disabled: { _placeholder: { color: string; }; bg: string; borderColor: string; color: string; opacity: string; _dark: { bg: string; borderColor: string; color: string; }; }; _active: { borderColor: string; _dark: { borderColor: string; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; _dark: { outlineColor: string; }; }; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; }; _focus: { borderColor: string; _dark: { borderColor: string; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; _dark: { outlineColor: string; }; }; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; }; _placeholder: { color: string; fontStyle: string; lineHeight: string; }; _invalid: { border: string; borderColor: string; boxShadow: string; color: string; _focus: { borderColor: string; }; }; _dark: { bgColor: string; borderColor: string; _hover: { borderColor: string; }; _disabled: { _placeholder: { color: string; }; bg: string; borderColor: string; color: string; opacity: string; _dark: { bg: string; borderColor: string; color: string; }; }; _active: { borderColor: string; _dark: { borderColor: string; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; _dark: { outlineColor: string; }; }; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; }; _focus: { borderColor: string; _dark: { borderColor: string; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; _dark: { outlineColor: string; }; }; boxShadow: string; outline: string; outlineOffset: string; outlineColor: string; }; _placeholder: { color: string; }; _invalid: { borderColor: string; color: string; }; }; }; }; sizes?: { [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{ keys: ("input" | "textarea" | "clearButton")[]; }>; }; variants?: { searchBar: { flex: string; input: { borderRightRadius: string; }; }; searchBarSelect: { flex: string; input: { borderRadius: string; borderTopLeftRadius: { base: "sm"; md: "none"; }; borderTopRightRadius: { base: "sm"; md: "none"; }; }; }; }; defaultProps?: { size?: string | number; variant?: "searchBar" | "searchBarSelect"; colorScheme?: string; }; parts: ("input" | "textarea" | "clearButton")[]; }; export default TextInput;