import React from 'react';
import { FlintKbd as FlintKbdElement } from '@getufy/flint-ui/kbd/flint-kbd';
/**
 * Displays a single keyboard key or modifier symbol.
Renders a semantic `<kbd>` element for accessibility.
 *
 * @slot (default) - Key label: text, symbol (⌘ ⇧ ⌥ ⌃ ⏎), or any inline content.
 */
export interface FlintKbdProps extends React.HTMLAttributes<FlintKbdElement> {
    /**
     * Visual size of the key.
     * Allowed values: 'sm' | 'md' | 'lg'
     */
    size?: 'sm' | 'md' | 'lg';
    /**
     * Visual style: `raised` (default, bottom border + shadow) or `flat` (no raised effect).
     * Allowed values: 'raised' | 'flat'
     */
    variant?: 'raised' | 'flat';
    /** Accessible label forwarded as `aria-label` on the inner `<kbd>` element. Useful for symbol keys like ⌘. */
    label?: string;
}
export declare const FlintKbd: React.ForwardRefExoticComponent<FlintKbdProps & React.RefAttributes<FlintKbdElement>>;