@navinc/base-react-components/cjs/form-elements/zip-code-input.d.ts

Nav's Pattern Library

import { FocusEventHandler, ChangeEventHandler } from 'react';
import { Input } from '../input.js';
import { InferComponentProps } from '../types.js';
declare const createZipCodeValidator: ({ isRequired, requiredErrorMessage, minLengthErrorMessage, nineDigitLengthErrorMessage, }?: {
    isRequired?: boolean | undefined;
    requiredErrorMessage?: string | undefined;
    minLengthErrorMessage?: string | undefined;
    nineDigitLengthErrorMessage?: string | undefined;
}) => (zip: string) => [string] | void;
type ZipCodeInputProps = InferComponentProps<typeof Input> & Parameters<typeof createZipCodeValidator>[0] & {
    name: string;
    onBlur?: FocusEventHandler<HTMLInputElement>;
    onChange?: ChangeEventHandler<HTMLInputElement>;
    invalidOnTouched?: boolean;
    restrictToFiveDigits?: boolean;
};
export declare const ZipCodeInput: import("styled-components").StyledComponent<({ name, onBlur, onChange, invalidOnTouched, isRequired, requiredErrorMessage, minLengthErrorMessage, nineDigitLengthErrorMessage, restrictToFiveDigits, ...props }: ZipCodeInputProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
export {};