import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
import styled from 'styled-components';

var _templateObject, _templateObject2;
var TabBarContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100vh;\n  display: inline-block;\n"])));
var TabBarWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  border-radius: 4px;\n  padding: 10px 10px;\n  width: fit-content;\n  background: ", "!important;\n\n  .css-1ujnqem-MuiTabs-root {\n    min-height: 0px;\n  }\n  .css-1aquho2-MuiTabs-indicator {\n    display: none;\n  }\n  .css-aym9vq-MuiButtonBase-root-MuiTab-root.Mui-selected {\n    background: ", ";\n    color: ", ";\n    svg {\n      path {\n        fill: ", ";\n        fillopacity: 1 !important;\n      }\n    }\n  }\n\n  div {\n    div {\n      div {\n        gap: 10px;\n        display: flex;\n        button {\n          min-width: 127px;\n          padding: 9px 10px;\n          display: inline-flex;\n          flex-direction: row;\n          justify-content: start;\n          max-width: 0;\n          min-height: 37px;\n          align-items: center;\n          background: ", ";\n          border-radius: 4px;\n          font-family: ", ";\n          font-size: ", ";\n          text-transform: none;\n\n          svg {\n            margin-right: 10px;\n          }\n\n          :hover {\n            background: ", ";\n          }\n\n          .css-8je8zh-MuiTouchRipple-root {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourMaterialBorder;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourMaterialPrimary;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourMaterialSecondary;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.colourBrandPrimaryDark;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.colourBrandPrimaryDark;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.colourMaterialPrimary;
}, function (_ref7) {
  var theme = _ref7.theme;
  return theme.fontWorkSansRegular;
}, function (_ref8) {
  var theme = _ref8.theme;
  return theme.fontSize14;
}, function (_ref9) {
  var theme = _ref9.theme;
  return theme.colourMaterialPrimaryHover;
});

export { TabBarContainer, TabBarWrapper };
//# sourceMappingURL=style.js.map
