import { E as compilerRuntimeExports, j as jsxRuntimeExports } from "./vendor-react-DYNCg6N5.js";
import { c as createStyles, T as Text, G as Group, b as Box } from "./vendor-mantine-h0WlM2Mj.js";
import { E as EllipsisTooltip } from "./index-D4BAIihc.js";
import { u as useTranslation } from "./vendor-i18n-wisIXUFi.js";
const useStyles = createStyles((theme) => ({
  container: {
    display: "flex",
    flexDirection: "column",
    alignItems: "flex-start",
    justifyContent: "center",
    padding: `${theme.spacing.xs} 0px `,
    width: "100%"
  },
  title: {
    color: theme.colors.brandGray[0],
    fontSize: "12px"
  },
  description: {
    fontSize: "14px",
    marginTop: "5px"
  },
  group: {
    display: "flex",
    flexDirection: "row"
  },
  rounded: {
    display: "block",
    fontSize: "14px",
    lineHeight: "125%",
    border: "none",
    borderRadius: "34px",
    backgroundColor: "#F2F4F7",
    padding: "8px 12px"
  }
}));
const TextFieldTags = (t0) => {
  const $ = compilerRuntimeExports.c(22);
  const {
    title,
    tags
  } = t0;
  const {
    classes,
    cx
  } = useStyles();
  const {
    t
  } = useTranslation();
  const t1 = classes.container;
  let t2;
  if ($[0] !== classes.title || $[1] !== title) {
    t2 = /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: classes.title, children: title });
    $[0] = classes.title;
    $[1] = title;
    $[2] = t2;
  } else {
    t2 = $[2];
  }
  const t3 = classes.group;
  let t4;
  if ($[3] !== classes.description || $[4] !== cx) {
    t4 = cx(classes.description);
    $[3] = classes.description;
    $[4] = cx;
    $[5] = t4;
  } else {
    t4 = $[5];
  }
  let t5;
  if ($[6] !== classes.rounded || $[7] !== t || $[8] !== tags) {
    t5 = Array.isArray(tags) && tags.length > 0 ? tags.map((item, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(EllipsisTooltip, { width: 190, "data-text": item.Name, className: classes.rounded, children: item.Name }, index)) : t("noInformation");
    $[6] = classes.rounded;
    $[7] = t;
    $[8] = tags;
    $[9] = t5;
  } else {
    t5 = $[9];
  }
  let t6;
  if ($[10] !== t5) {
    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(Group, { gap: "xs", children: t5 });
    $[10] = t5;
    $[11] = t6;
  } else {
    t6 = $[11];
  }
  let t7;
  if ($[12] !== t4 || $[13] !== t6) {
    t7 = /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { className: t4, children: t6 });
    $[12] = t4;
    $[13] = t6;
    $[14] = t7;
  } else {
    t7 = $[14];
  }
  let t8;
  if ($[15] !== classes.group || $[16] !== t7) {
    t8 = /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { className: t3, children: t7 });
    $[15] = classes.group;
    $[16] = t7;
    $[17] = t8;
  } else {
    t8 = $[17];
  }
  let t9;
  if ($[18] !== classes.container || $[19] !== t2 || $[20] !== t8) {
    t9 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { className: t1, children: [
      t2,
      t8
    ] });
    $[18] = classes.container;
    $[19] = t2;
    $[20] = t8;
    $[21] = t9;
  } else {
    t9 = $[21];
  }
  return t9;
};
export {
  TextFieldTags as T
};
//# sourceMappingURL=index-CslanKI5.js.map
