"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PHXCompleteState = PHXCompleteState;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const constant_1 = require("./constant");
function PHXCompleteState({ title, description, img, imgClassname = '', classname = '' }) {
    return (react_1.default.createElement("div", { className: `flex flex-col items-center mb-20 mt-[55px]  ${classname}` },
        !img ? (react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: constant_1.completeStateSvg } })) : (react_1.default.createElement("img", { src: img, className: `${imgClassname}` })),
        react_1.default.createElement("p", { className: 'text-[18px] mt-5 font-[650] max-w-[60%] text-center' }, title),
        react_1.default.createElement("p", { className: 'text-[14px] mt-2 font-normal text-gray-800 max-w-[80%] text-center' }, description)));
}
//# sourceMappingURL=complete-state.js.map