UNPKG

@legion-ui-kit/react-core

Version:

<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>

3 lines (2 loc) 725 B
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("classnames"),t=require("./styles/styles.module.scss.cjs"),a=require("./Tab.constant.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(s);const r=s=>{const{active:i,activeClassName:r,activeStyle:c,children:n,className:u,onClick:o,position:d=a.TAB_DEFAULT_PROPS.position,style:_,...f}=s,m=l.default(u,t.default.legion_tab,t.default[d],{[`${r}`]:i,[t.default.active]:i}),v={..._,...i?c:{}};return e.jsx("div",{className:m,onClick:()=>{o&&o()},style:{transitionDuration:`${a.TABS_ANIMATION_DURATION}ms`,...v},...f,children:n})};r.displayName="Tab",exports.default=r; //# sourceMappingURL=Tab.cjs.map