<Pricing
  title="Lorem ipsum dolor"
  subtitle="Sit amet, consetetur sadipscing elitr"
  prices={[{
    title: 'Lorem',
    subtitle: 'Ipsum dolor',
    price: '49',
    period: 'monatlich',
    items: [{ title: 'Lorem ipsum', description: 'Dolor sit amet', icon: 'tabler:users', callToAction: { text: 'Lorem ipsum', href: '/basic' }, image: { src: '~/assets/images/default.png', alt: 'Lorem ipsum' } }, { title: 'Consetetur sadipscing', icon: 'tabler:email' }],
    callToAction: { text: 'Lorem ipsum', href: '/basic' }
  }, {
    title: 'Consetetur',
    subtitle: 'Sadipscing elitr',
    price: '99',
    hasRibbon: true,
    ribbonTitle: 'Bestseller',
    period: 'monatlich',
    items: [{ title: 'Sed diam nonumy', description: 'Eirmod tempor', icon: 'tabler:users' }, { title: 'Ut labore et dolore', icon: 'tabler:support' }],
    callToAction: { text: 'Lorem ipsum', href: '/pro' }
  }, {
    title: 'Sed diam',
    subtitle: 'Nonumy eirmod',
    price: '199',
    period: 'monatlich',
    items: [{ title: 'Magna aliquyam erat', description: 'Sed diam voluptua', icon: 'tabler:users' }, { title: 'At vero eos', icon: 'tabler:support' }],
    callToAction: { text: 'Lorem ipsum', href: '/enterprise' }
  }]} />