Kbd

import { Kbd } from "@/ui/kbd";

export function KbdDemo() {
  return (
    <div className="grid grid-flow-row gap-4">
      <div dir="ltr" className="flex items-center justify-center gap-1">
        <Kbd>⌘</Kbd> + <Kbd>Shift</Kbd> + <Kbd>M</Kbd>
      </div>

      <div dir="ltr" className="flex items-center justify-center gap-2">
        <Kbd items={["⌘", "Ctrl", "Shift", "M"]} />
      </div>
    </div>
  );
}