import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { DashboardItemContent } from "./DashboardItemContent.js";
import { DashboardItemContentWrapper } from "./DashboardItemContentWrapper.js";
const noopRender = () => null;
export function DashboardItemBase({ children, contentClassName, visualizationClassName, renderHeadline = noopRender, renderBeforeVisualization = noopRender, renderAfterVisualization = noopRender, renderBeforeContent = noopRender, renderAfterContent = noopRender, contentRef, isSelectable = false, isSelected = false, isExport = false, onSelected, onEnter, onLeave, ariaHidden, }) {
    return (_jsx(DashboardItemContentWrapper, { children: ({ clientWidth, clientHeight }) => (_jsxs(_Fragment, { children: [renderBeforeContent(), _jsxs(DashboardItemContent, { className: contentClassName, ref: contentRef, isSelectable: isSelectable, isSelected: isSelected, isExport: isExport, onSelected: onSelected, onEnter: onEnter, onLeave: onLeave, children: [renderBeforeVisualization(), _jsxs("div", { className: visualizationClassName, "aria-hidden": ariaHidden, children: [renderHeadline(clientHeight, clientWidth), children({ clientWidth, clientHeight })] }), renderAfterVisualization()] }), renderAfterContent()] })) }));
}
//# sourceMappingURL=DashboardItemBase.js.map