@kiwicom/orbit-components
Version:
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
27 lines (26 loc) • 769 B
JavaScript
"use client";
import React from "react";
import styled from "styled-components";
import { useTabs, TabPanelProvider } from "../../TabContext";
const StyledTabPanelsWrapper = styled.div.withConfig({
displayName: "TabPanels__StyledTabPanelsWrapper",
componentId: "sc-xke9mg-0"
})(["width:100%;"]);
const TabPanels = ({
children,
dataTest
}) => {
const {
selected
} = useTabs();
return /*#__PURE__*/React.createElement(StyledTabPanelsWrapper, {
"data-test": dataTest
}, React.Children.map(children, (child, idx) => {
if (! /*#__PURE__*/React.isValidElement(child)) return null;
return /*#__PURE__*/React.createElement(TabPanelProvider, {
isActive: selected === idx,
index: idx
}, child);
}));
};
export default TabPanels;