import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { GetSvgIcon, PrimaryButton } from "..";
import styles from "./styles.module.scss";
function ContentLocked({ title = "Content Locked", description = "Upgrade your plan to get access to this content", buttonText = "Upgrade Plan", onUpgradeClick, }) {
    return (_jsx("div", { className: styles.contentLockedContainer, children: _jsxs("div", { className: styles.contentLockedContent, children: [_jsx("div", { className: styles.contentLockedIcon, children: _jsx(GetSvgIcon, { iconType: "lock", iconSize: "24" }) }), _jsxs("div", { children: [_jsx("h2", { className: styles.contentLockedTitle, children: title }), _jsx("p", { className: styles.contentLockedDescription, children: description })] }), _jsx(PrimaryButton, { sizeVariant: "base", colorVariant: "orange", onClick: onUpgradeClick, children: buttonText })] }) }));
}
export default ContentLocked;
