React components for app interfaces

import { cva } from "class-variance-authority"
import { cn } from "@/lib/utils"

const button = cva("h-8 rounded-lg px-3", {
  variants: {
    tone: {
      solid: "bg-primary",
      ghost: "hover:bg-secondary",
    },
  },
})

export function Button({ tone, ...props }) {
  return (
    <button
      className={cn(button({ tone }))}
      {...props}
    />
  )
}