UNPKG

next-dev

Version:

Tentu, berikut adalah markdown yang telah diperbaiki:

30 lines (29 loc) 1.25 kB
"use strict"; 'use client'; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); const hooks_1 = require("@mantine/hooks"); const react_1 = __importDefault(require("react")); const md_1 = require("react-icons/md"); const DevBox = ({ path, children }) => { const [isDev, setIsDev] = (0, hooks_1.useLocalStorage)({ key: "isDev", defaultValue: true }); const { hovered, ref } = (0, hooks_1.useHover)(); return (react_1.default.createElement("div", { ref: ref, style: { border: isDev && hovered ? "0.2px solid red" : "none", position: "relative" } }, react_1.default.createElement("a", { href: path ? Buffer.from(path, "base64").toString() : "", style: { visibility: isDev && path && hovered ? "visible" : "hidden", cursor: "pointer", position: "absolute", right: 0, top: 0, color: "red", zIndex: 1000 } }, react_1.default.createElement(md_1.MdOpenInNew, null)), children)); }; exports.default = DevBox;