@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
17 lines (16 loc) • 790 B
TypeScript
import { default as React } from 'react';
import { InputProps } from '../../chakra/input';
import { SkeletonProps } from '../../chakra/skeleton';
export interface FilterInputProps extends Omit<SkeletonProps, 'onChange' | 'loading'> {
onChange?: (searchTerm: string) => void;
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
loading?: boolean;
size?: 'sm' | 'md' | 'lg';
placeholder: string;
initialValue?: string;
type?: React.HTMLInputTypeAttribute;
name?: string;
inputProps?: InputProps;
}
export declare const FilterInput: ({ onChange, size, placeholder, initialValue, type, name, loading, onFocus, onBlur, inputProps, ...rest }: FilterInputProps) => React.JSX.Element;