Dashboard dialog 01

import { Button } from '@/registry/new-york/ui/button'
import PlanDialog from '@/registry/new-york/components/blocks/dashboard-dialog-01/dialog-plan'

const plansData = [
  {
    id: '1',
    title: 'Basic plan',
    price: 10,
    description: 'Includes 20GB individual data.',
    features: ['32+ integrations', 'Basic reporting', '20GB individual data', 'Basic support']
  },
  {
    id: '2',
    title: 'Starter Package',
    price: 12,
    description: 'Comes with 512GB personal data.',
    features: [
      '35+ integrations',
      'Essential reporting features',
      '512GB personal data included',
      'Standard support services'
    ]
  }
]

const DialogPage = () => {
  return (
    <div className='flex h-dvh items-start justify-center p-8'>
      <PlanDialog
        defaultOpen
        trigger={
          <Button variant='outline'>
            <span>Select Plan</span>
          </Button>
        }
        data={plansData}
      />
    </div>
  )
}

export default DialogPage