R3F Macro Keypad

import { R3FMacroKeypad } from "@/components/ui/r3-f-macro-keypad"

export default function R3FMacroKeypadDemo() {
  return (
    <div className="min-h-svh bg-[#eef2f3] px-5 py-10 text-[#121820] sm:px-8">
      <main className="mx-auto flex min-h-[calc(100svh-5rem)] max-w-5xl flex-col">
        <h1 className="text-center font-mono text-sm tracking-[0.18em] text-slate-600 uppercase">
          R3F Macro Keypad
        </h1>

        <div className="grid flex-1 place-items-center">
          <R3FMacroKeypad />
        </div>
      </main>
    </div>
  )
}