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

var _templateObject;
var ToggleWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n\n  label {\n    margin-left: 0px;\n    margin-right: 0px;\n\n    .css-julti5-MuiSwitch-root {\n      width: 52px;\n      height: 25.5px;\n      padding: 0px;\n      border: 1px solid ", ";\n      border-radius: 30px;\n    }\n\n    .css-5ryogn-MuiButtonBase-root-MuiSwitch-switchBase {\n      padding: 1.5px;\n      :hover {\n        background: none;\n      }\n    }\n\n    .css-5ryogn-MuiButtonBase-root-MuiSwitch-switchBase.Mui-checked {\n      color: ", ";\n      transform: translateX(26px);\n    }\n\n    .css-jsexje-MuiSwitch-thumb {\n      width: 21px;\n      height: 21px;\n      box-shadow: none;\n    }\n\n    .css-5ryogn-MuiButtonBase-root-MuiSwitch-switchBase.Mui-checked\n      + .MuiSwitch-track {\n      border-radius: 50px;\n      background: ", ";\n      opacity: 1;\n    }\n\n    .css-1yjjitx-MuiSwitch-track {\n      border-radius: 50px;\n      background: ", ";\n      opacity: 1;\n    }\n\n    .css-ahj2mt-MuiTypography-root {\n      font-family: ", ";\n      font-size: ", ";\n      margin-left: 10px;\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.colourBrandPrimary;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.colourMaterialReversePrimary;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.fontWorkSansRegular;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.fontSize_14;
});

export { ToggleWrapper };
//# sourceMappingURL=style.js.map
