/// <reference types="react" />
import React from 'react';

declare type HandleAction = () => void;
declare type HandleBoolean = (newBoolean: boolean) => void;
declare type HandleValue = (newValue: string) => void;
declare type OnBlur = (event: React.FocusEvent<HTMLElement>) => void;
declare type OnChangeInput = (event: React.ChangeEvent<HTMLInputElement>) => void;
declare type OnChangeSelect = (event: React.ChangeEvent<HTMLSelectElement>) => void;
declare type OnChangeTextArea = (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
declare type OnClick = (event: React.MouseEvent<HTMLElement>) => void;
declare type OnFocus = (event: React.FocusEvent<HTMLElement>) => void;
declare type OnKeyDown = (event: React.KeyboardEvent<HTMLElement>) => void;

interface CheckBoxProps {
    autoFocus?: boolean;
    disabled?: boolean;
    handleChange: HandleBoolean;
    label: string;
    name?: string;
    value?: boolean;
}
declare const CheckBox: (props: CheckBoxProps) => JSX.Element;

interface PaginationProps {
    currentPage: number;
    handleNext?: HandleAction;
    handlePrevious?: HandleAction;
    lastPage: boolean;
    variant?: string;
}
declare const Pagination: (props: PaginationProps) => JSX.Element;

interface SearchBarProps {
    autoFocus?: boolean;
    disabled?: boolean;
    handleChange?: HandleValue;
    handleValue?: HandleValue;
    htmlSize?: number;
    label?: string;
    name?: string;
    placeholder?: string;
    value?: string;
}
declare const SearchBar: (props: SearchBarProps) => JSX.Element;

export { CheckBox, HandleAction, HandleBoolean, HandleValue, OnBlur, OnChangeInput, OnChangeSelect, OnChangeTextArea, OnClick, OnFocus, OnKeyDown, Pagination, SearchBar };