@gsretail.com/gui-core/build/core/Section/GridHScroll/GuiGridHScroll.js

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

import{__makeTemplateObject as n,__rest as r,__assign as o}from"../../../node_modules/tslib/tslib.es6.js";import a from"react";import i from"@emotion/styled";import{Box as t}from"@mui/material";var e,p=i(t)(e||(e=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"]))),d=function(n){var i=n.className,t=n.children,e=r(n,["className","children"]);return a.createElement(p,o({className:["gui-grid-scrollButton",i&&i].join(" ")},e),t)};d.defaultProps={};export{d as default};