import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import cx from "classnames";
import { Icon } from '../../basic';
import "./style.scss";
export default function AppPlaceholder({ text, desc, children, icon = "contract_delete", useMarginTop = false, onClick, className, }) {
    return (_jsxs("div", { className: cx("ds-placeholder", { "with-margin-top": useMarginTop }, className), onClick: () => onClick && onClick(), onKeyDown: () => onClick && onClick(), children: [_jsx(Icon, { name: icon, weight: "heavy", size: "x-large", filled: true }), text && _jsx("span", { className: "title", children: text }), desc && _jsx("span", { className: "desc", children: desc }), children && children] }));
}
