import styled, { css } from 'styled-components';
import { Button } from '../Button/Button';
import { colors } from '../_styles/colors';
export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
  displayName: "StyledToggleButton",
  componentId: "core-12_34_1__sc-1x59fxi-0"
})(["", ""], function (_ref) {
  var $selected = _ref.$selected;
  return $selected && css(["background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue96, colors.blue70, colors.blue70, colors.blue50);
});
//# sourceMappingURL=ToggleButton.styles.js.map