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 ? (

{subTitle}

) : null}
    {details?.map((item: string, i: number) => (
  • {item}
  • ))}
{children}
) }