Flip Card

import { FlipCard } from "@/components/ui/flip-card"

export default function Example() {
  return (
    <FlipCard
      height={200}
      className="w-48"
      front={
        <div className="flex h-full items-center justify-center">
          <p className="font-semibold">Front</p>
        </div>
      }
      back={
        <div className="flex h-full items-center justify-center">
          <p className="font-semibold text-accent">Back</p>
        </div>
      }
    />
  )
}