import React from "react";

export function Kbd({ className = "", children, ...props }) {
  return <kbd className={["o-kbd", className].filter(Boolean).join(" ")} data-slot="kbd" {...props}>{children}</kbd>;
}
export function KbdGroup({ className = "", children, ...props }) {
  return <kbd className={["o-kbd-group", className].filter(Boolean).join(" ")} data-slot="kbd-group" {...props}>{children}</kbd>;
}
