import { Stack, HStack, Button, Text, Tag } from '@chakra-ui/react'
import { ExternalLinkIcon } from 'assets/icons'
import { NextChakraLink } from 'components/nextChakra/NextChakraLink'
import { useWorkspace } from 'contexts/WorkspaceContext'
import { Plan } from 'db'
import React from 'react'
export const BillingForm = () => {
const { workspace } = useWorkspace()
return (
Workspace subscription:
{workspace?.stripeId && (
<>
To manage your subscription and download invoices, head over to your
Stripe portal:
}
>
Stripe Portal
>
)}
)
}
const PlanTag = ({ plan }: { plan?: Plan }) => {
switch (plan) {
case Plan.TEAM: {
return Team
}
case Plan.LIFETIME:
case Plan.OFFERED:
case Plan.PRO: {
return Personal Pro
}
default: {
return Free
}
}
}