phx-react
Version:
PHX REACT
10 lines • 1.04 kB
JavaScript
import React from 'react';
import { PHXButton } from '../Button';
export 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.createElement("div", { className: `flex flex-col items-center mb-20 ${classname}` },
React.createElement("img", { src: img, className: `w-[148px] h-[148px] ${imgClassname}` }),
React.createElement("p", { className: 'text-[14px] leading-5 font-[650] max-w-[60%] text-center' }, title),
React.createElement("p", { className: 'text-[12px] mt-2 leading-5 font-normal text-gray-800 max-w-[80%] text-center' }, description),
buttonContent && (React.createElement(PHXButton, { [buttonType]: true, className: 'text-xs font-normal mt-4', onClick: onAction }, buttonContent))));
}
//# sourceMappingURL=empty-state-action.js.map