@trail-ui/react
Version:
34 lines (32 loc) • 776 B
JavaScript
// src/listbox/listbox-selected-icon.tsx
import { jsx } from "react/jsx-runtime";
function ListBoxSelectedIcon(props) {
const { isSelected, ...otherProps } = props;
return /* @__PURE__ */ jsx(
"svg",
{
"aria-hidden": "true",
"data-selected": isSelected,
role: "presentation",
viewBox: "0 0 24 24",
...otherProps,
children: /* @__PURE__ */ jsx(
"polyline",
{
fill: "none",
points: "1 9 7 14 15 4",
stroke: "currentColor",
strokeDasharray: 22,
strokeDashoffset: isSelected ? 44 : 66,
strokeWidth: 2.5,
style: {
transition: "stroke-dashoffset 200ms ease"
}
}
)
}
);
}
export {
ListBoxSelectedIcon
};