import React from "react";
const WorkspaceComponents = (props) => {
    var _a, _b, _c;
    return (React.createElement("div", { className: "workspace-component-list" },
        props.focusedWorkspaceComponentList &&
            ((_a = props.focusedWorkspaceComponentList) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
            ((_b = props.focusedWorkspaceComponentList) === null || _b === void 0 ? void 0 : _b.map((cmp, i) => (React.createElement("div", { key: i, className: "workspace-component" }, cmp)))),
        ((_c = props.focusedWorkspaceComponentList) === null || _c === void 0 ? void 0 : _c.length) === 0 && React.createElement("span", { className: "no-components" }, "No components")));
};
export default WorkspaceComponents;
//# sourceMappingURL=WorkspaceComponents.js.map