import Icon from "../Icon/Icon";
import useTranslateValue from "../../Utils/Translation";
import React from "react";
const EmptyState = (props) => {
    const { translateValue } = useTranslateValue();
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { id: props.id, className: `flex pt-52 pb-52 ${props.showSolidBackground ? "bg-white rounded shadow" : ""}` },
            React.createElement("div", { className: "m-auto text-center" },
                props.icon && (React.createElement(Icon, { icon: props.icon, className: props.iconClassName || `mx-auto h-12 w-12 text-gray-400` })),
                React.createElement("h3", { className: "mt-2 text-sm font-medium text-gray-900" }, translateValue(props.title)),
                React.createElement("p", { className: "mt-1 text-sm text-gray-500" }, translateValue(props.description)),
                props.footer && React.createElement("div", { className: "mt-6" }, props.footer)))));
};
export default EmptyState;
//# sourceMappingURL=EmptyState.js.map