UpgradePrompt

import {
  UpgradePrompt,
  type UpgradePromptProps,
} from '@nozle-js/react'

export function ProPrompt({ openPlans }: { openPlans: () => void }) {
  return <UpgradePrompt planName="Pro" onUpgrade={openPlans} />
}

export function LimitPrompt({ openPlans }: { openPlans: () => void }) {
  return <UpgradePrompt text="You used all 1,000 API calls this month" onUpgrade={openPlans} />
}

import { useState } from 'react'
import { UpgradeModal } from '@nozle-js/react'

export function UpgradeToScale() {
  const [open, setOpen] = useState(false)
  return (
    <>
      <UpgradePrompt planName="Scale" onUpgrade={() => setOpen(true)} />
      <UpgradeModal isOpen={open} planCode="scale" onCancel={() => setOpen(false)} onCompleted={() => setOpen(false)} />
    </>
  )
}