import React from "react";
import { H0, Flex } from "@netdata/netdata-ui";
import { withMenuGroup } from "../menuGroup";
export const ChartMenuGroupIcon = ({ icon, ...rest }) => (React.createElement("span", Object.assign({ dangerouslySetInnerHTML: { __html: icon } }, rest)));
export const ChartMenuGroupTitle = ({ icon, title, ...rest }) => (React.createElement(Flex, Object.assign({ as: H0, color: "key", gap: 2 }, rest),
    React.createElement(ChartMenuGroupIcon, { icon: icon }),
    React.createElement("span", null, title)));
export const ChartMenuGroupTitleContainer = withMenuGroup(ChartMenuGroupTitle, ({ icon, title }) => ({ icon, title }));
//# sourceMappingURL=title.js.map