fui-fancyui
Version:
FancyUI Libary
46 lines (45 loc) • 1.25 kB
JavaScript
"use client";
import { jsxs as c, jsx as r } from "react/jsx-runtime";
import { css as u } from "styled-components";
import t from "../../molecules/Chip/Chip.js";
import { sizesSettings as C } from "../../molecules/Chip/sizeSettings.js";
import { generateSpacing as x } from "./utils/generateSpacings.js";
function T(s) {
const {
label: l,
icon: e,
image: i,
layer: h = 2,
themeType: m,
sizeC: o = "sm",
onDelete: n,
externalStyle: a,
textColor: p,
...f
} = s, g = e && n ? "booth" : i && n || i ? "right" : "booth";
return /* @__PURE__ */ c(
t,
{
sizeC: o,
themeType: m,
layer: h,
externalStyle: u`
${a}
${x({ spacingPosition: g, sizeC: o })}
gap: 4px;
`,
...f,
children: [
i && /* @__PURE__ */ r(t.Img, { children: i }),
(l || e) && /* @__PURE__ */ c(t.Content, { themeType: p, children: [
e && /* @__PURE__ */ r(t.Content.Icon, { sizeC: C[o].iconSize, children: e }),
/* @__PURE__ */ r(t.Content.Title, { sizeC: o, fontWeight: "normal", children: l })
] }),
n && /* @__PURE__ */ r(t.DeleteButton, { sizeC: o, onDelete: n })
]
}
);
}
export {
T as default
};