@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 1.26 kB
JavaScript
import{__makeTemplateObject as n,__rest as r,__assign as o}from"tslib";import a from"react";import i from"@emotion/styled";import{Box as t}from"@mui/material";var p,e=i(t)(p||(p=n(["\n position: relative;\n top: 0;\n height: 0;\n padding-right: 16px;\n text-align: right;\n z-index: 99;\n\n & .MuiButtonBase-root {\n padding: 0;\n margin: 2px 0 0 5px;\n background-color: rgba(255,255,255,0.7);\n box-shadow: 0 1px 2px 1px rgb(0 0 0 / 8%);\n border-radius: 25px;\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"],["\n position: relative;\n top: 0;\n height: 0;\n padding-right: 16px;\n text-align: right;\n z-index: 99;\n\n & .MuiButtonBase-root {\n padding: 0;\n margin: 2px 0 0 5px;\n background-color: rgba(255,255,255,0.7);\n box-shadow: 0 1px 2px 1px rgb(0 0 0 / 8%);\n border-radius: 25px;\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"]))),x=function(n){var i=n.className,t=n.children,p=r(n,["className","children"]);return a.createElement(e,o({className:["gui-grid-scrollButton",i&&i].join(" ")},p),t)};x.defaultProps={};export{x as default};