@gsretail.com/gui-core/build/core/Tabs/GuiTabs.js

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

import{__rest as e,__assign as i}from"../../node_modules/tslib/tslib.es6.js";import n from"react";import{Grid as a,Tabs as r,Tab as t}from"@mui/material";import l from"./GuiTabs.styled.js";var s=l((function(l){var s=l.arrTabs,m=l.current,o=l.design,d=l.size,u=l.onChange,c=l.sideSection,g=l.children,p=l.className,f=l.gridProps,b=e(l,["arrTabs","current","design","size","onChange","sideSection","children","className","gridProps"]);return n.createElement(a,i({container:!0,className:["gui-tabs","contained"===o?"design-contained":null,"outlined"===o?"design-outlined":null,"small"===d?"size-small":null,"medium"===d?"size-medium":null,"large"===d?"size-large":null,p&&p].join(" ")},f),n.createElement(a,{item:!0,lg:!0,md:!0,sm:!0},n.createElement(r,i({value:m,onChange:u},b),g||s&&s.map((function(e,i){return n.createElement(t,{label:e,key:i})})))),c&&n.createElement(a,{item:!0,lg:!0,md:!0,sm:!0,className:"sideSection"},c))}));s.defaultProps={design:"default",size:"medium",variant:"standard",orientation:"horizontal",textColor:"primary"};export{s as GuiTabs,s as default};