react-tabs/lib/components/TabPanel.js

An accessible and easy tab component for ReactJS

"use strict";exports.__esModule=true;exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _clsx=_interopRequireDefault(require("clsx"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const DEFAULT_CLASS="react-tabs__tab-panel";const defaultProps={className:DEFAULT_CLASS,forceRender:false,selectedClassName:`${DEFAULT_CLASS}--selected`};const TabPanel=props=>{const{children,className,forceRender,id,selected,selectedClassName,...attributes}={...defaultProps,...props};return _react.default.createElement("div",Object.assign({},attributes,{className:(0,_clsx.default)(className,{[selectedClassName]:selected}),role:"tabpanel",id:`panel${id}`,"aria-labelledby":`tab${id}`}),forceRender||selected?children:null)};TabPanel.tabsRole="TabPanel";var _default=exports.default=TabPanel;