phx-react
Version:
PHX REACT
17 lines • 1.61 kB
JavaScript
;
exports.__esModule = true;
exports.PHXEmptyStateAction = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var Button_1 = require("../Button");
function PHXEmptyStateAction(_a) {
var _b;
var onAction = _a.onAction, title = _a.title, description = _a.description, _c = _a.buttonContent, buttonContent = _c === void 0 ? 'Tải lên phiếu lương' : _c, _d = _a.buttonType, buttonType = _d === void 0 ? 'primary' : _d, _e = _a.img, img = _e === void 0 ? 'https://sisv2-cdn.phx-smartschool.com/library/book-copy/4-21-2025/93cd5b01-20c4-41a2-a61b-e2f8e1a152d5-Mask-Group.png' : _e, _f = _a.imgClassname, imgClassname = _f === void 0 ? '' : _f, _g = _a.classname, classname = _g === void 0 ? '' : _g;
return (react_1["default"].createElement("div", { className: "flex flex-col items-center mb-20 ".concat(classname) },
react_1["default"].createElement("img", { src: img, className: "w-[148px] h-[148px] ".concat(imgClassname) }),
react_1["default"].createElement("p", { className: 'text-[14px] leading-5 font-[650] max-w-[60%] text-center' }, title),
react_1["default"].createElement("p", { className: 'text-[12px] mt-2 leading-5 font-normal text-gray-800 max-w-[80%] text-center' }, description),
buttonContent && (react_1["default"].createElement(Button_1.PHXButton, tslib_1.__assign({}, (_b = {}, _b[buttonType] = true, _b), { className: 'text-xs font-normal mt-4', onClick: onAction }), buttonContent))));
}
exports.PHXEmptyStateAction = PHXEmptyStateAction;
//# sourceMappingURL=empty-state-action.js.map