---
// Port of preview/pages/settings-plan.html (layout: settings).
import SettingsLayout from '@shared/layouts/SettingsLayout.astro';
import PricingCard from '@shared/components/cards/PricingCard.astro';
import PricingCardEnterprise from '@shared/components/cards/PricingCardEnterprise.astro';
---

<SettingsLayout active="settings-plan">
	<div class="card-body">
		<h2 class="mb-4">Plans</h2>

		<p class="text-secondary mb-4">This workspace’s Basic Plan is set to $34 per month and will renew on June 19, 2022.</p>

		<div class="row row-cards">
			<div class="col-lg-4">
				<PricingCard price="0" users={3} category="Free" />
			</div>
			<div class="col-lg-4">
				<PricingCard price="49" users={10} category="Premium" features="1100" featuredColor="green" />
			</div>
			<div class="col-lg-4">
				<PricingCard price="99" category="Enterprise" users={100} features="1110" />
			</div>
			<div class="col-12">
				<PricingCardEnterprise />
			</div>
		</div>
	</div>
</SettingsLayout>