import { HTMLInputTypeAttribute, ChangeEvent } from 'react';

declare type ButtonProps = {
    size: "s" | "m" | "l";
    kind: "strong" | "light";
    type: "primary" | "secondary" | "destructive";
    prefixIcon?: any;
    postfixIcon?: any;
    label: string;
};
declare const Button: ({ size, kind, type, label, prefixIcon, postfixIcon, }: ButtonProps) => JSX.Element;

declare type CheckBoxProps = {
    size?: "l" | "m";
    checked?: boolean;
    indeterminate?: boolean;
    disabled?: boolean;
    onChange?: (checked: boolean) => void;
    readOnly?: boolean;
    label?: string;
};
declare const CheckBox: ({ size, checked, indeterminate, disabled, onChange, readOnly, label, }: CheckBoxProps) => JSX.Element;

declare type InputProps = {
    label?: string;
    supportiveText?: string;
    leadingIcon?: string;
    trailingIcon?: string;
    leadingText?: string;
    trailingText?: string;
    state?: "normal" | "error" | "success" | "warning" | "disabled" | "read-only";
    placeholder?: string;
    size?: "s" | "m" | "l";
    type?: "text" | "text-area";
    inputType?: HTMLInputTypeAttribute;
    value?: string;
    onChange?: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
};
declare const Input: ({ label, supportiveText, leadingIcon, trailingIcon, leadingText, trailingText, state, placeholder, size, type, inputType, onChange, value, }: InputProps) => JSX.Element;

declare type PaginationProps = {
    totalPage: number;
    initPage?: number;
    onPageChange?: (page: number) => void;
    numberOfPage?: number;
};
declare const Pagination: ({ numberOfPage, totalPage, initPage, onPageChange, }: PaginationProps) => JSX.Element;

declare type SelectItem = {
    id: string | number;
    name: string;
};
declare type SelectProps = {
    placeholder?: string;
    label?: string;
    supportive?: string;
    isMultiple?: boolean;
    options?: Array<SelectItem>;
    values?: Array<SelectItem>;
    onChanged?: (items: Array<SelectItem>) => void;
    onItemChanged?: (item: SelectItem, isSelected: boolean) => void;
};
declare const Select: ({ label, placeholder, supportive, isMultiple, options, values, onChanged, onItemChanged, }: SelectProps) => JSX.Element;

export { Button, CheckBox, Input, Pagination, Select };