import { PropsWithChildren } from 'react'
import { GrFormCheckmark } from 'react-icons/gr'
const SubHeading = ({ children, pricingPage, ...extra }: any) =>
pricingPage ?
{children}
: {children}
// feature with plan
const Description = ({ children, pricingPage, ...extra }: any) =>
pricingPage ? {children}
: {children}
export const PriceFeat = ({
details,
pricingPage,
textColor,
title,
yearly,
subTitle,
costYearly,
cost,
children,
}: PropsWithChildren) => {
return (
<>
{title}
{cost ? (
{yearly ? costYearly : cost}
) : null}
{subTitle ? (
) : null}
{details?.map((item: string, i: number) => (
-
{item}
))}
{children}
>
)
}