adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
59 lines (58 loc) • 1.83 kB
JavaScript
import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgInputTouchpadSymbolic = (passedProps, ...restArgs) => {
const {
colored,
containerProps = {},
...rest
} = passedProps;
if (colored && typeof colored === "string") {
if (!containerProps.style) {
containerProps.style = {};
}
Object.assign(containerProps.style, {
"--custom-icon-color": colored
});
}
const render = (props) => /* @__PURE__ */ React.createElement("span", {
...containerProps,
className: cx("Icon", containerProps.className, {
colored
})
}, /* @__PURE__ */ React.createElement("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 16 16",
...props
}, /* @__PURE__ */ React.createElement("g", {
color: "#bebebe",
fill: "#474747"
}, /* @__PURE__ */ React.createElement("path", {
d: "M3.031 1a3.038 3.038 0 00-3.03 3.031v7.938A3.038 3.038 0 003.03 15h8.938A3.038 3.038 0 0015 11.969V4.03A3.038 3.038 0 0011.97 1zm0 2h8.938C12.565 3 13 3.435 13 4.031V10H2V4.031C2 3.435 2.436 3 3.031 3zm-1.03 8h5v2H3.03C2.435 13 2 12.565 2 11.969zm6 0h5v.969c0 .596-.436 1.031-1.032 1.031H8z",
style: {
lineHeight: "normal",
InkscapeFontSpecification: "Sans",
textIndent: 0,
textAlign: "start",
textDecorationLine: "none",
textTransform: "none",
marker: "none"
},
fontWeight: 400,
fontFamily: "Sans",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M2 3h11v7H2z",
style: {
marker: "none"
},
overflow: "visible",
opacity: 0.35
}))));
return render(rest, ...restArgs);
};
const Memo = memo(SvgInputTouchpadSymbolic);
var input_touchpad_symbolic_default = Memo;
export {
input_touchpad_symbolic_default as default
};