retro-react
Version:
A React component library for building retro-style websites
2 lines (1 loc) • 706 B
JavaScript
"use strict";var e=require("react/jsx-runtime");const t=require("react").memo((t=>{let{$top:s,$left:i,$width:n,$height:r,$color:o,$visible:a}=t;const l={position:"absolute",top:s,left:i,width:n,height:`${r+2}px`,backgroundColor:o},d=Object.assign(Object.assign({},l),{transform:"rotate(-45deg) skewX(22.5deg) skewY(22.5deg)"}),g=Object.assign(Object.assign({},l),{transform:"rotate(45deg) skewX(22.5deg) skewY(22.5deg)"});return e.jsxs("span",Object.assign({style:{position:"relative",width:n,visibility:a?"visible":"hidden",transition:"visibility 0.5s",userSelect:"none",pointerEvents:"none"}},{children:[e.jsx("span",{style:d},void 0),e.jsx("span",{style:g},void 0)]}),void 0)}));exports.TrailingStar=t;