import styled, { css } from "styled-components";
import { Button } from "../Button";
import { Body2 } from "../Typography";
export const StyledValueButtonLabel = styled(Body2).withConfig({
  displayName: "Styles__StyledValueButtonLabel",
  componentId: "sc-7n59oz-0"
})(["opacity:60%;margin-right:2px;"]);
StyledValueButtonLabel.displayName = "StyledValueButtonLabel";
export const StyledValueButtonValue = styled(Body2).withConfig({
  displayName: "Styles__StyledValueButtonValue",
  componentId: "sc-7n59oz-1"
})([""]);
StyledValueButtonValue.displayName = "StyledValueButtonValue";
export const StyledValueButton = styled(Button).withConfig({
  displayName: "Styles__StyledValueButton",
  componentId: "sc-7n59oz-2"
})(["", " ", ""], props => props.$active && css(["", ",", "{", " color:var(--color-theme-900) !important;}svg{fill:var(--color-primary);}"], StyledValueButtonLabel, StyledValueButtonValue, {
  "pointerEvents": "none"
}), props => props.$active !== true && css(["{&:hover{", ",", "{", " color:var(--color-theme-900) !important;}}"], StyledValueButtonLabel, StyledValueButtonValue, {
  "pointerEvents": "none"
}));
StyledValueButton.displayName = "StyledValueButton";
//# sourceMappingURL=Styles.js.map