@lobehub/ui/es/dashboard/LabelWithKey/LabelWithKey.mjs

Lobe UI is an open-source UI component library for building AIGC web apps

"use client";
import FlexBasic_default from "../../Flex/FlexBasic.mjs";
import Tag from "../../base-ui/Tag/Tag.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/dashboard/LabelWithKey/LabelWithKey.tsx
/** A human label followed by its machine key as a tag. */
const LabelWithKey = ({ tag, title, ...rest }) => /* @__PURE__ */ jsxs(FlexBasic_default, {
	horizontal: true,
	align: "center",
	gap: 8,
	...rest,
	children: [title, /* @__PURE__ */ jsx(Tag, { children: tag })]
});
LabelWithKey.displayName = "LabelWithKey";
//#endregion
export { LabelWithKey as default };

//# sourceMappingURL=LabelWithKey.mjs.map