amotify/dist/fn/Loader/corner.js

UI Component for React,NextJS,esbuild

import"../../chunk-C5N2D3ZX.js";import{jsx as a,jsxs as m}from"react/jsx-runtime";import{useStore as i}from"jmini";import{Config as l}from"../../@utils";import{useState as n,useEffect as c}from"react";import{Box as r,Flex as s}from"../../atoms";import{LoaderClasses as e}from"../../@styles/componentClasses";const g=()=>{let[t,o]=n(!1);return c(()=>{i.set({["Loader-corner-"+l.get().sessionUID+"-corner"]:{active:()=>{o(!0)},stop:()=>{o(!1)}}})},[]),a(s,{className:[e("CornerLoader"),t?e("isActive"):""].join(" "),gap:"1/2",padding:["1/2","3/4"],borderRadius:"3.tone.tertiary",backgroundColor:"dark",position:"fixed",boxShadow:"1.remark",bottom:1,right:1,opacity:"trans",transition:"middle",xcss:{pointerEvents:"none"},children:m(s,{className:e("Wrap"),flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[a(r,{className:e("Ld4")}),a(r,{className:e("Ld3")}),a(r,{className:e("Ld2")}),a(r,{className:e("Ld1")}),a(r,{className:e("Ld2")}),a(r,{className:e("Ld3")}),a(r,{className:e("Ld4")})]})})};export{g as Corner};