import React from 'react';

interface ButtonProps {
    children?: JSX.Element[] | JSX.Element | React.ReactNode;
    onClick?: React.MouseEventHandler<HTMLButtonElement>;
    icon?: JSX.Element[] | JSX.Element;
    style?: React.CSSProperties;
    className?: string;
    isLoading?: boolean;
    type?: "button" | "submit" | "reset";
    bg?: string;
    color?: string;
    h?: string | number;
    w?: string | number;
    mt?: string | number;
    mb?: string | number;
    ml?: string | number;
    mr?: string | number;
    mx?: string | number;
    my?: string | number;
    pt?: string | number;
    pb?: string | number;
    pl?: string | number;
    pr?: string | number;
    px?: string | number;
    py?: string | number;
    flex?: string | number;
}
declare const Button: React.FC<ButtonProps>;

interface FlexProps {
    children?: JSX.Element[] | JSX.Element | React.ReactNode;
    onClick?: React.MouseEventHandler<HTMLDivElement>;
    style?: React.CSSProperties;
    className?: string;
    bg?: string;
    color?: string;
    h?: string | number;
    w?: string | number;
    mt?: string | number;
    mb?: string | number;
    ml?: string | number;
    mr?: string | number;
    mx?: string | number;
    my?: string | number;
    pt?: string | number;
    pb?: string | number;
    pl?: string | number;
    pr?: string | number;
    px?: string | number;
    py?: string | number;
    flex?: string | number;
    position?: "center" | "apart";
    gap?: string | number;
    direction?: "row" | "column" | "row-reverse" | "column-reverse";
    wrap?: "wrap" | "nowrap";
    align?: string;
}
declare const Flex: React.FC<FlexProps>;

interface BoxProps {
    children?: JSX.Element[] | JSX.Element | React.ReactNode;
    onClick?: React.MouseEventHandler<HTMLDivElement>;
    icon?: JSX.Element[] | JSX.Element;
    style?: React.CSSProperties;
    className?: string;
    isLoading?: boolean;
    type?: "button" | "submit" | "reset";
    bg?: string;
    color?: string;
    h?: string | number;
    w?: string | number;
    m?: string | number;
    mt?: string | number;
    mb?: string | number;
    ml?: string | number;
    mr?: string | number;
    mx?: string | number;
    my?: string | number;
    p?: string | number;
    pt?: string | number;
    pb?: string | number;
    pl?: string | number;
    pr?: string | number;
    px?: string | number;
    py?: string | number;
    flex?: string | number;
    radius?: string | number;
}
declare const Box: React.FC<BoxProps>;

interface DividerProps {
    onClick?: React.MouseEventHandler<HTMLDivElement>;
    style?: React.CSSProperties;
    className?: string;
    bg?: string;
    color?: string;
    h?: string | number;
    w?: string | number;
    m?: string | number;
    mt?: string | number;
    mb?: string | number;
    ml?: string | number;
    mr?: string | number;
    mx?: string | number;
    my?: string | number;
    p?: string | number;
    pt?: string | number;
    pb?: string | number;
    pl?: string | number;
    pr?: string | number;
    px?: string | number;
    py?: string | number;
    flex?: string | number;
    radius?: string | number;
}
declare const Divider: React.FC<DividerProps>;

interface TextProps {
    children?: JSX.Element[] | JSX.Element | React.ReactNode;
    onClick?: React.MouseEventHandler<HTMLParagraphElement>;
    style?: React.CSSProperties;
    className?: string;
    bg?: string;
    color?: string;
    h?: string | number;
    w?: string | number;
    m?: string | number;
    mt?: string | number;
    mb?: string | number;
    ml?: string | number;
    mr?: string | number;
    mx?: string | number;
    my?: string | number;
    p?: string | number;
    pt?: string | number;
    pb?: string | number;
    pl?: string | number;
    pr?: string | number;
    px?: string | number;
    py?: string | number;
    flex?: string | number;
    size?: string | number;
    weight?: string | number;
}
declare const Text: React.FC<TextProps>;

interface InputProps {
    children?: JSX.Element[] | JSX.Element | React.ReactNode;
    onClick?: React.MouseEventHandler<HTMLButtonElement>;
    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
    icon?: JSX.Element[] | JSX.Element;
    style?: React.CSSProperties;
    className?: string;
    isLoading?: boolean;
    type?: "button" | "submit" | "reset";
    placeholder: string | any;
    value: string;
    required: boolean;
    disabled: boolean;
    label: string | any;
    bg?: string;
    color?: string;
    h?: string | number;
    w?: string | number;
    m?: string | number;
    p?: string | number;
    mt?: string | number;
    mb?: string | number;
    ml?: string | number;
    mr?: string | number;
    mx?: string | number;
    my?: string | number;
    pt?: string | number;
    pb?: string | number;
    pl?: string | number;
    pr?: string | number;
    px?: string | number;
    py?: string | number;
    flex?: string | number;
}
declare const InputText: React.FC<InputProps>;

export { Box, Button, Divider, Flex, Text, InputText as TextInput };