@gsretail.com/gui-core/build/core/Layout/Air/LayoutScrollButton/styled.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import t from"@emotion/styled";import{Box as o,Button as r}from"@mui/material";var i,e,a=t(o)(i||(i=n(["\n  position: fixed;\n  right: 1rem;\n  bottom: 48px;\n  margin-bottom: 1rem;\n  opacity: ",";\n  visibility: ",";\n  transition: ",";\n  z-index: ",";\n"],["\n  position: fixed;\n  right: 1rem;\n  bottom: 48px;\n  margin-bottom: 1rem;\n  opacity: ",";\n  visibility: ",";\n  transition: ",";\n  z-index: ",";\n"])),(function(n){return n.show?1:0}),(function(n){return n.show?"visible":"collapse"}),(function(n){n.show;return"all 0.3s ease"}),(function(n){return n.theme.zIndex.drawer})),s=t(r)(e||(e=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: unset;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border-radius: 10em;\n  background-color: rgba(255,255,255,0.6);\n  box-shadow: 0 1px 2px 1px rgb(0 0 0 / 8%);\n\n  &:hover {\n    background-color: rgba(255,255,255,1);\n    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 10%);\n  }\n\n  &:first-of-type {\n    & > svg {\n      transform: rotate(180deg);\n    }\n  }\n\n  &:last-of-type {\n    margin-top: 5px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: unset;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border-radius: 10em;\n  background-color: rgba(255,255,255,0.6);\n  box-shadow: 0 1px 2px 1px rgb(0 0 0 / 8%);\n\n  &:hover {\n    background-color: rgba(255,255,255,1);\n    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 10%);\n  }\n\n  &:first-of-type {\n    & > svg {\n      transform: rotate(180deg);\n    }\n  }\n\n  &:last-of-type {\n    margin-top: 5px;\n  }\n"])));export{a as StyledBox,s as StyledButton};