@gsretail.com/gui-core/build/esm/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 a}from"tslib";import i from"react";import{Grid as n,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,z=e(l,["arrTabs","current","design","size","onChange","sideSection","children","className","gridProps"]);return i.createElement(n,a({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),i.createElement(n,{item:!0,lg:!0,md:!0,sm:!0},i.createElement(r,a({value:m,onChange:u},z),g||s&&s.map((function(e,a){return i.createElement(t,{label:e,key:a})})))),c&&i.createElement(n,{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};