import { VariantProps } from '@stitches/react';
import { ReactNode } from 'react';
import { COLORS_WITHOUT_KINDS } from 'utils/constants';
import type * as Stitches from '@stitches/react';
export type ButtonProps = VariantProps<typeof StyledButton> & {
    htmlFor?: string;
    children: ReactNode;
    type?: 'button' | 'submit' | 'reset';
    ariaLabel?: string;
    onClick?: () => void;
    color?: COLORS_WITHOUT_KINDS;
    css?: Stitches.CSS;
    href?: string;
    tabIndex?: number;
    disabled?: boolean;
    loading?: boolean;
    loadingText?: string;
    loadingType?: 'typewriter';
};
export declare const Button: ({ children, kind, size, type, fullWidth, borderRadius, outlined, ariaLabel, color, onClick, css, href, tabIndex, disabled, loading, loadingText, loadingType, }: ButtonProps) => JSX.Element;
declare const StyledButton: import("@stitches/react/types/styled-component").StyledComponent<"button", {
    color?: COLORS_WITHOUT_KINDS | undefined;
    fullWidth?: boolean | "true" | undefined;
    borderRadius?: boolean | "sm" | "md" | "lg" | "xl" | "false" | undefined;
    outlined?: boolean | "true" | undefined;
    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
    kind?: "info" | "success" | "warning" | "error" | "primary" | undefined;
    loading?: boolean | "true" | undefined;
}, {}, import("@stitches/react/types/css-util").CSS<{}, {}, {}, {}>>;
export {};
