import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { GetSvgIcon, PrimaryButton, TertiaryButton } from '..';
import './style.scss';
const TemplateDetailCard = ({ subject, body, }) => {
    const useforAllHandle = () => {
        alert("Use for all reciepents clicked");
    };
    const handleEditTempleteBtn = () => {
        alert("Edit template btn clicked!");
    };
    return (_jsxs("div", { className: "card-div-main", children: [_jsxs("div", { className: "title-bar", children: [_jsx("span", { className: "svg", children: _jsx(GetSvgIcon, { iconType: "arrowLeft", iconSize: "16" }) }), _jsx("span", { className: "title", children: " Templates " })] }), _jsxs("div", { className: "subject", children: ["SUBJECT", _jsx("span", { className: "sub-text", children: subject })] }), _jsxs("div", { className: "body", children: ["BODY", _jsx("span", { className: "body-text", children: body })] }), _jsxs("div", { className: "footer", children: [_jsx("span", { style: { marginRight: "8px" }, children: _jsx(TertiaryButton, { onClick: handleEditTempleteBtn, text: "Edit Template" }) }), _jsx(PrimaryButton, { text: "Use for All recipients", colorVariant: "orange", onClick: useforAllHandle })] })] }));
};
export default TemplateDetailCard;
