import { Fragment, jsx } from "react/jsx-runtime";
import "react";
import { observer } from "@tachybase/schema";
import { Tag } from "antd";
import { useCompile } from "../../../schema-component/index.mjs";
const CollectionCategory = observer((props)=>{
    const { value } = props;
    const compile = useCompile();
    return /*#__PURE__*/ jsx(Fragment, {
        children: null == value ? void 0 : value.map((item)=>/*#__PURE__*/ jsx(Tag, {
                color: item.color,
                children: compile(null == item ? void 0 : item.name)
            }, item.name))
    });
}, {
    displayName: 'CollectionCategory'
});
export { CollectionCategory };
