adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
34 lines (33 loc) • 723 B
JavaScript
import clsx from "clsx";
import React from "react";
import { GoNext } from "../icons";
function ListItem({
as,
children,
className,
title,
selected,
expandable,
activatable,
needsAttention,
...rest
}) {
const Element = as ? as : activatable ? "button" : "div";
return /* @__PURE__ */ React.createElement(Element, {
className: clsx("List__item", className, {
title,
activatable,
expandable,
selected,
"needs-attention": needsAttention
}),
role: activatable ? "button" : void 0,
tabIndex: activatable ? 0 : void 0,
...rest
}, children, expandable && /* @__PURE__ */ React.createElement(GoNext, {
className: "arrow"
}));
}
export {
ListItem
};