import { ReactNode } from 'react';
export type KbdKey = "command" | "shift" | "ctrl" | "option" | "enter" | "delete" | "escape" | "tab" | "capslock" | "up" | "right" | "down" | "left" | "pageup" | "pagedown" | "home" | "end" | "help" | "space" | "fn" | "win" | "alt";
export type KbdSize = 'sm' | 'md';
export interface KbdProps extends React.HTMLAttributes<HTMLElement> {
    /**
     * Array of keyboard keys to display
     */
    keys?: KbdKey[];
    /**
     * Custom content to display instead of using keys prop
     */
    children?: ReactNode;
    /**
     * Size variant
     * @default 'md'
     */
    size?: KbdSize;
    /**
     * Custom class name for styling overrides
     */
    className?: string;
}
