"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "EmptyView", {
    enumerable: true,
    get: function() {
        return EmptyView;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _illustration = require("../illustration");
const _react = require("react");
const _ = require("..");
const EmptyView = (props)=>{
    const icon = (0, _react.useMemo)(()=>{
        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_illustration.NoData, {
            width: props.iconSize || 101,
            height: props.iconSize || 101
        });
    }, [
        props.icon
    ]);
    const text = (0, _react.useMemo)(()=>{
        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
            className: "orderly-text-3xs",
            children: "No results found."
        });
    }, [
        props.text
    ]);
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
        className: (0, _.cn)("orderly-flex orderly-flex-col orderly-items-center orderly-justify-center orderly-min-h-[180px]", props.className),
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                children: icon
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                className: "orderly-text-base-contrast-54",
                children: text
            })
        ]
    });
};

//# sourceMappingURL=emptyView.js.map