Kredi kartı formu

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
function CreditCardForm() {
  const form = useForm({
    defaultValues: { card: "", expiry: "", cvv: "" },
  })
 
  const { card, expiry, cvv } = useViraMask({
    form,
    schema: {
      card: { preset: "card", errorMessage: "Geçersiz kart numarası" },
      expiry: { preset: "expiry", errorMessage: "Geçersiz veya geçmiş tarih" },
      cvv: "cvv",
    },
  })
 
  return (
    <>
      <input {...card} placeholder="0000 0000 0000 0000" />
      <input {...expiry} placeholder="12/28" />
      <input {...cvv} placeholder="123" />
    </>
  )
}