Pricing Toggle

"use client"
 
import { useState } from "react"
import { PricingToggle, AnimatedPrice } from "@/components/pioneerui/pricing-toggle"
 
export default function Pricing() {
  const [isAnnual, setIsAnnual] = useState(false)
 
  return (
    <>
      <PricingToggle onChange={setIsAnnual} discount="Save 20%" />
      <AnimatedPrice monthly={29} annual={23} isAnnual={isAnnual} />
    </>
  )
}