@alice-ui/react
Version:
36 lines (34 loc) • 845 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 17 18",
...otherProps,
children: /* @__PURE__ */ jsx(
"polyline",
{
fill: "none",
points: "1 9 7 14 15 4",
stroke: "currentColor",
strokeDasharray: 22,
strokeDashoffset: isSelected ? 44 : 66,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 1.5,
style: {
transition: "stroke-dashoffset 200ms ease"
}
}
)
}
);
}
export {
ListBoxSelectedIcon
};