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_4_1__sc-1x59fxi-0"
})(["", "}"], function (_ref) {
  var $selected = _ref.$selected;
  return $selected && css(["background-color:", ";color:", ";&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";}"], colors.blue50, colors.white, colors.blue40, colors.white, colors.blue50, colors.white, colors.blue85, colors.white);
});
//# sourceMappingURL=ToggleButton.styles.js.map