text: "use strict";
  Object.defineProperty(exports, "__esModule", { value: true });
  const polished_1 = require("polished");
  const react_tabs_1 = require("react-tabs");
  const styled_components_1 = require("../styled-components");
  var react_tabs_2 = require("react-tabs");
  exports.Tab = react_tabs_2.Tab;
  exports.TabList = react_tabs_2.TabList;
  exports.TabPanel = react_tabs_2.TabPanel;
  exports.Tabs = styled_components_1.default(react_tabs_1.Tabs) `
    > ul {
      list-style: none;
      padding: 0;
      margin: 0;
      margin: 0 -5px;
  
      > li {
        padding: 5px 10px;
        display: inline-block;
  
        background-color: ${({ theme }) => theme.codeSample.backgroundColor};
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        cursor: pointer;
        text-align: center;
        outline: none;
        color: ${({ theme }) => polished_1.darken(theme.colors.tonalOffset, theme.rightPanel.textColor)};
        margin: 0
          ${({ theme }) => `${theme.spacing.unit}px ${theme.spacing.unit}px ${theme.spacing.unit}px`};
        border: 1px solid ${({ theme }) => polished_1.darken(0.05, theme.codeSample.backgroundColor)};
        border-radius: 5px;
        min-width: 60px;
        font-size: 0.9em;
        font-weight: bold;
  
        &.react-tabs__tab--selected {
          color: ${props => props.theme.colors.text.primary};
          background: ${({ theme }) => theme.rightPanel.textColor};
        }
  
        &:only-child {
          flex: none;
          min-width: 100px;
        }
  
        &.tab-success {
          color: ${props => props.theme.colors.responses.success.color};
        }
  
        &.tab-redirect {
          color: ${props => props.theme.colors.responses.redirect.color};
        }
  
        &.tab-info {
          color: ${props => props.theme.colors.responses.info.color};
        }
  
        &.tab-error {
          color: ${props => props.theme.colors.responses.error.color};
        }
      }
    }
    > .react-tabs__tab-panel {
      background: ${({ theme }) => theme.codeSample.backgroundColor};
      & > div,
      & > pre {
        padding: ${props => props.theme.spacing.unit * 4}px;
        margin: 0;
      }
  
      & > div > pre {
        padding: 0;
      }
    }
  `;
  exports.SmallTabs = styled_components_1.default(exports.Tabs) `
    > ul {
      display: block;
      > li {
        padding: 2px 5px;
        min-width: auto;
        margin: 0 15px 0 0;
        font-size: 13px;
        font-weight: normal;
        border-bottom: 1px dashed;
        color: ${({ theme }) => polished_1.darken(theme.colors.tonalOffset, theme.rightPanel.textColor)};
        border-radius: 0;
        background: none;
  
        &:last-child {
          margin-right: 0;
        }
  
        &.react-tabs__tab--selected {
          color: ${({ theme }) => theme.rightPanel.textColor};
          background: none;
        }
      }
    }
    > .react-tabs__tab-panel {
      & > div,
      & > pre {
        padding: ${props => props.theme.spacing.unit * 2}px 0;
      }
    }
  `;
  