import { ElementType, CSSProperties } from 'react';
import { PolymorphicComponentPropsWithRef } from '@plyxui/core';

/**
 * Button (web). Variants: primary, ghost, link, danger. Size + iconLeading/Trailing.
 *
 * Renders as a native <button>; if you need a navigation link, pass `as="a"`.
 */

type ButtonVariant = "primary" | "ghost" | "link" | "danger";
type ButtonSize = "sm" | "md" | "lg";
type ButtonOwnProps = {
    variant?: ButtonVariant;
    size?: ButtonSize;
    loading?: boolean;
    disabled?: boolean;
    iconLeading?: React.ReactNode;
    iconTrailing?: React.ReactNode;
    fullWidth?: boolean;
    className?: string;
    style?: CSSProperties;
    children?: React.ReactNode;
};
type ButtonProps<C extends ElementType = "button"> = PolymorphicComponentPropsWithRef<C, ButtonOwnProps>;
declare const Button: <C extends ElementType = "button">(props: ButtonProps<C>) => React.ReactElement | null;

export { Button, type ButtonProps, type ButtonSize, type ButtonVariant };