import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { NoData } from "../illustration";
import { useMemo } from "react";
import { cn } from "..";
export const EmptyView = (props)=>{
    const icon = useMemo(()=>{
        return /*#__PURE__*/ _jsx(NoData, {
            width: props.iconSize || 101,
            height: props.iconSize || 101
        });
    }, [
        props.icon
    ]);
    const text = useMemo(()=>{
        return /*#__PURE__*/ _jsx("div", {
            className: "orderly-text-3xs",
            children: "No results found."
        });
    }, [
        props.text
    ]);
    return /*#__PURE__*/ _jsxs("div", {
        className: cn("orderly-flex orderly-flex-col orderly-items-center orderly-justify-center orderly-min-h-[180px]", props.className),
        children: [
            /*#__PURE__*/ _jsx("div", {
                children: icon
            }),
            /*#__PURE__*/ _jsx("div", {
                className: "orderly-text-base-contrast-54",
                children: text
            })
        ]
    });
};

//# sourceMappingURL=emptyView.js.map