import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useMemo } from 'react';
import { CompanyPricing, EnterpriseLicense, FreePricing } from './FreePricing';
export const Pricing = ({ faqHref = '/docs/license/faq', faqLabel = 'License FAQ', licenseHref = 'https://github.com/remotion-dev/remotion/blob/main/LICENSE.md', termsHref = '/docs/license/terms', }) => {
    const faqLinkTarget = useMemo(() => {
        return faqHref.startsWith('http') ? '_blank' : undefined;
    }, [faqHref]);
    const licenseLinkTarget = useMemo(() => {
        return licenseHref.startsWith('http') ? '_blank' : undefined;
    }, [licenseHref]);
    const termsLinkTarget = useMemo(() => {
        return termsHref.startsWith('http') ? '_blank' : undefined;
    }, [termsHref]);
    return (_jsxs("div", { style: {
            display: 'flex',
            flexDirection: 'column',
            gap: 20,
            marginBottom: 40,
        }, children: [_jsx(FreePricing, {}), _jsx(CompanyPricing, {}), _jsx(EnterpriseLicense, {}), _jsx("div", { style: {
                    justifyContent: 'center',
                    display: 'flex',
                }, children: _jsxs("div", { style: {
                        fontFamily: 'GTPlanar',
                    }, children: ["See our", ' ', _jsx("a", { target: licenseLinkTarget, className: "bluelink", href: licenseHref, children: "LICENSE.md" }), ', ', _jsx("a", { target: faqLinkTarget, className: "bluelink", href: faqHref, children: faqLabel }), ', and ', _jsx("a", { target: termsLinkTarget, className: "bluelink", href: termsHref, children: "Terms and Conditions" }), ' ', "for more details."] }) })] }));
};
