state-management-utilities
Version:
State management utilities
12 lines (11 loc) • 1.94 kB
JavaScript
import React from "react";
import { useStyles } from "../providers/StylesProvider";
import { useVisibility } from "../providers/VisibilityProvider";
export const ButtonVisibility = React.memo(ButtonVisibilityBase);
function ButtonVisibilityBase() {
const [, setIsVisible] = useVisibility();
const styles = useStyles();
return (React.createElement("button", { className: styles["button-visibility"], onClick: () => setIsVisible(true) },
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 17 19" },
React.createElement("path", { d: "M16.417 9.583A7.917 7.917 0 1 1 8.5 1.666a7.917 7.917 0 0 1 7.917 7.917zm-2.327-.557a.391.391 0 0 0-.312-.371l-.952-.165a.315.315 0 0 0-.05-.003 4.386 4.386 0 0 0-.467-1.125.344.344 0 0 0 .034-.039l.556-.79a.391.391 0 0 0-.041-.482l-.81-.81a.391.391 0 0 0-.483-.042l-.79.557a.315.315 0 0 0-.039.033 4.41 4.41 0 0 0-1.124-.466.284.284 0 0 0-.004-.05l-.164-.952a.391.391 0 0 0-.37-.312H7.926a.39.39 0 0 0-.37.312l-.165.951a.315.315 0 0 0-.004.05 4.408 4.408 0 0 0-1.125.467.293.293 0 0 0-.039-.033L5.435 5.2a.391.391 0 0 0-.483.042l-.81.81a.391.391 0 0 0-.042.483l.557.79a.313.313 0 0 0 .033.038 4.397 4.397 0 0 0-.466 1.125.316.316 0 0 0-.05.003l-.952.165a.391.391 0 0 0-.312.37v1.147a.39.39 0 0 0 .312.37l.952.165a.317.317 0 0 0 .05.004 4.396 4.396 0 0 0 .466 1.124.313.313 0 0 0-.033.04l-.557.789a.391.391 0 0 0 .042.482l.81.81a.39.39 0 0 0 .483.042l.79-.557a.293.293 0 0 0 .039-.033 4.375 4.375 0 0 0 1.124.466.316.316 0 0 0 .004.051l.164.952a.39.39 0 0 0 .371.312h1.146a.391.391 0 0 0 .37-.312l.165-.952a.285.285 0 0 0 .004-.05 4.377 4.377 0 0 0 1.124-.467.315.315 0 0 0 .04.033l.789.557a.39.39 0 0 0 .483-.041l.81-.81a.391.391 0 0 0 .042-.483l-.557-.79a.344.344 0 0 0-.033-.039 4.386 4.386 0 0 0 .466-1.124.316.316 0 0 0 .05-.004l.952-.165a.39.39 0 0 0 .312-.37zm-3.686.573A1.904 1.904 0 1 1 8.5 7.695a1.904 1.904 0 0 1 1.904 1.904z" }))));
}