@kiwicom/orbit-components/lib/Tabs/components/TabPanel/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";
"use client";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _common = require("../../../utils/common");
var _TabContext = require("../../TabContext");
const StyledPanel = _styledComponents.default.div.withConfig({
  displayName: "TabPanel__StyledPanel",
  componentId: "sc-knf32i-0"
})(["", ";"], ({
  $margin,
  $padding
}) => (0, _styledComponents.css)(["", ";", ";"], (0, _common.spacingUtility)($padding, "padding"), (0, _common.spacingUtility)($margin)));
const TabPanel = ({
  children,
  margin,
  padding,
  dataTest,
  active = false
}) => {
  const {
    index,
    isActive
  } = (0, _TabContext.usePanel)();
  return active || isActive ? /*#__PURE__*/_react.default.createElement(StyledPanel, {
    $margin: margin,
    $padding: padding,
    id: `panel-${index}`,
    "data-test": dataTest
  }, children) : null;
};
var _default = TabPanel;
exports.default = _default;