"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PHXEmptyStateAction = PHXEmptyStateAction;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const Button_1 = require("../Button");
function PHXEmptyStateAction({ onAction, title, description, buttonContent = 'Tải lên phiếu lương', buttonType = 'primary', img = 'https://sisv2-cdn.phx-smartschool.com/library/book-copy/4-21-2025/93cd5b01-20c4-41a2-a61b-e2f8e1a152d5-Mask-Group.png', imgClassname = '', classname = '', }) {
    return (react_1.default.createElement("div", { className: `flex flex-col items-center mb-20 ${classname}` },
        react_1.default.createElement("img", { src: img, className: `w-[148px] h-[148px] ${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, { [buttonType]: true, className: 'text-xs font-normal mt-4', onClick: onAction }, buttonContent))));
}
//# sourceMappingURL=empty-state-action.js.map