/*
 * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at https://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

import { HotkeyProps } from "./types.js";
import "client-only";
import * as react_jsx_runtime76 from "react/jsx-runtime";

//#region src/components/hotkey/index.d.ts

/**
 * Hotkey - A visual representation of keyboard shortcuts and key combinations
 *
 * Displays keyboard keys and shortcuts in a consistent, accessible format.
 * Perfect for documentation, help systems, or UI elements that need to show
 * keyboard shortcuts. Supports multiple visual styles including outlined keys,
 * flat presentation, and icon-specific formatting.
 *
 * @param props - {@link HotkeyProps}
 * @param props.ref - Ref to the kbd element.
 * @param props.children - Key text or icon to display.
 * @param props.className - Optional CSS class name.
 * @param props.variant - Visual style variant.
 * @returns The rendered Hotkey component.
 *
 * @example
 * ```tsx
 * // Basic hotkey display
 * <Hotkey>Ctrl</Hotkey>
 * ```
 *
 * @example
 * ```tsx
 * // Hotkey combination with different variants
 * <HotkeySet>
 *   <Hotkey variant="outline">Cmd</Hotkey>
 *   <span>+</span>
 *   <Hotkey variant="outline">K</Hotkey>
 * </HotkeySet>
 * ```
 *
 * @example
 * ```tsx
 * // Flat style for inline text
 * <p>Press <Hotkey variant="flat">Enter</Hotkey> to submit</p>
 * ```
 *
 * @example
 * ```tsx
 * // Icon variant for special keys
 * <HotkeySet>
 *   <Hotkey variant="icon">⌘</Hotkey>
 *   <Hotkey>Space</Hotkey>
 * </HotkeySet>
 * ```
 */
declare function Hotkey({
  ref,
  children,
  ...props
}: HotkeyProps): react_jsx_runtime76.JSX.Element;
//#endregion
export { Hotkey };
//# sourceMappingURL=index.d.ts.map