import React from 'react';

declare module 'host/UIKit' {
  export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
    size?: 'sm' | 'md' | 'lg';
  }
  export const Button: React.FC<ButtonProps>;

  export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
    label?: string;
    icon?: React.ReactNode;
    error?: string;
  }
  export const Input: React.FC<InputProps>;

  export interface CardProps {
    title?: React.ReactNode;
    children?: React.ReactNode;
    className?: string;
    style?: React.CSSProperties;
  }
  export const Card: React.FC<CardProps>;

  export const Typography: {
    H1: React.FC<React.HTMLAttributes<HTMLHeadingElement>>;
    H2: React.FC<React.HTMLAttributes<HTMLHeadingElement>>;
    H3: React.FC<React.HTMLAttributes<HTMLHeadingElement>>;
    P: React.FC<React.HTMLAttributes<HTMLParagraphElement>>;
  };
}