import { JSXBase } from '@stencil/core/internal';
import { ComponentPropsWithoutRef } from 'react';
import { BoxProps } from './Box.js';
import '../types-B4RnVKcG.js';

declare const Kbd = "ax-kbd";

type KbdProps = BoxProps &  {
  "variant"?: "subtle" | "outline";
"modifiers"?: "meta" | "alt" | "shift" | "ctrl" | "mod" | (("meta" | "alt" | "shift" | "ctrl" | "mod")[]);
"asChild"?: false | true;
"as-child"?: false | true;
};

declare module "@stencil/core" {
  namespace JSX {
    interface IntrinsicElements {
      [Kbd]: KbdProps & Omit<(JSXBase.IntrinsicElements["main"]), keyof KbdProps>;
    }
  }
}

declare module "react" {
  namespace JSX {
    interface IntrinsicElements {
      [Kbd]: KbdProps & Omit<(ComponentPropsWithoutRef<"main">), keyof KbdProps>;
    }
  }
}

export { Kbd };
export type { KbdProps };