import { SyntheticEvent, ReactNode } from 'react';
import { deprecatedTextVariants, textVariants } from '@veeqo/ui/dist/components/Text/textVariants';
import { Alignments } from '@veeqo/ui/dist/components/Stack/Alignments';
import { ViewId } from '@veeqo/ui/dist/components/View/types';
import { theme } from '@veeqo/ui';
import { sizes } from '@veeqo/ui/dist/theme/modules/sizes';
import { sizeAliases, sizeScale } from '@veeqo/ui/dist/components/Stack/types';
import { CommonIcons, MinorIcons, SelectIcons, StoreIcons } from '../components/common/Icon/iconTypes';
export declare type TextVariant = typeof textVariants[number];
export declare type DeprecatedTextVariants = typeof deprecatedTextVariants[number];
export declare type HTMLAttributes = {
    [dataKey: string]: string;
};
export interface EventHandlerProps {
    onClick?: (event: SyntheticEvent) => void;
    onKeyUp?: (event: SyntheticEvent) => void;
    onKeyDown?: (event: SyntheticEvent) => void;
    onKeyPress?: (event: SyntheticEvent) => void;
    onMouseEnter?: (event: SyntheticEvent) => void;
    onMouseLeave?: (event: SyntheticEvent) => void;
    onChange?: (event: SyntheticEvent) => void;
    onBlur?: (event: SyntheticEvent) => void;
    onFocus?: (event: SyntheticEvent) => void;
}
export interface FontStyles {
    fontFamily: string;
    fontStyle: string;
    fontWeight: string | number;
    fontSize: string;
    lineHeight: string;
    color: string;
    textDecoration: string;
    letterSpacing?: string;
}
export declare type Colors = typeof theme['colors'];
export interface Text {
    [kind: string]: FontStyles;
}
export interface Theme {
    fontFamily: string;
    colors: Colors;
    text: Text;
}
export interface PaginatorProps {
    className?: string;
    children?: ReactNode;
    renderText?: () => ReactNode;
    active?: boolean;
    icon?: boolean;
    onClick?: (event: SyntheticEvent) => void;
}
export interface PaginationRangeOption {
    label: string;
    value: number;
}
export interface InputProps extends EventHandlerProps {
    hasError?: boolean;
    error?: string;
    disabled?: boolean;
    onChange: (event: SyntheticEvent) => void;
    onBlur?: (event: SyntheticEvent) => void;
    onFocus?: (event: SyntheticEvent) => void;
    placeholder?: string;
    className?: string;
    type?: string;
    value: string;
    name: string;
    theme?: Theme;
    autoComplete?: string;
}
export interface FieldProps extends InputProps {
    label?: string;
    hint?: string;
}
export interface SearchProps extends InputProps {
    isLoading?: boolean;
    fill?: string;
    onSearchClick?: (event: SyntheticEvent) => void;
    onClearClick?: (event: SyntheticEvent) => void;
    reversed?: boolean;
}
export declare type IconType = keyof typeof CommonIcons | keyof typeof MinorIcons | keyof typeof SelectIcons | keyof typeof StoreIcons | string;
export interface IView {
    id: ViewId;
    label: string;
    isDefault?: boolean;
}
export declare type Alignment = keyof typeof Alignments;
export declare type Size = keyof typeof sizes;
export declare type SizeScale = keyof typeof sizeScale;
export declare type SizeAlias = keyof typeof sizeAliases;
export declare type Shadow = keyof typeof theme['shadows'];
export declare enum ComponentSize {
    sm = "sm",
    base = "base"
}
export declare enum WeightUnit {
    g = "g",
    lb = "lb"
}
//# sourceMappingURL=index.d.ts.map