import type { KbdKey } from "./kbd.constants";
import type { KbdVariants } from "@heroui/styles";
import type { ComponentPropsWithRef } from "react";
import React from "react";
interface KbdRootProps extends ComponentPropsWithRef<"kbd">, KbdVariants {
    children: React.ReactNode;
    className?: string;
}
declare const KbdRoot: ({ children, className, variant, ...props }: KbdRootProps) => import("react/jsx-runtime").JSX.Element;
interface KbdAbbrProps extends ComponentPropsWithRef<"abbr"> {
    className?: string;
    /**
     * The keyboard key to display
     */
    keyValue: KbdKey;
}
declare const KbdAbbr: ({ className, keyValue, ...props }: KbdAbbrProps) => import("react/jsx-runtime").JSX.Element;
interface KbdContentProps extends ComponentPropsWithRef<"span"> {
    children: React.ReactNode;
    className?: string;
}
declare const KbdContent: ({ children, className, ...props }: KbdContentProps) => import("react/jsx-runtime").JSX.Element;
export { KbdRoot, KbdAbbr, KbdContent };
export type { KbdRootProps, KbdAbbrProps, KbdContentProps };
