1// Paste a code snippet
2import React, { useState } from 'react';
3 
4export default function PricingCard() {
5  const [isYearly, setIsYearly] = useState(false);
6  
7  return (
8    <div className="pricing-card">
9      <h3>Pro Plan</h3>
10      <p className="price">
11        ${isYearly ? '99' : '12'} 
12        <span className="duration">
13          /{isYearly ? 'year' : 'month'}
14        </span>
15      </p>
16      
17      <button onClick={() => setIsYearly(!isYearly)}>
18        Toggle Billing
19      </button>
20      
21      <ul className="features">
22        <li>Unlimited Projects</li>
23        <li>Priority Support</li>
24      </ul>
25    </div>
26  );
27}