import styled from "styled-components";
import { BoxSizingStyle } from "../BoxSizingStyle";
import { FontStyle } from "../FontStyle";
import ArrowLeftIcon from "../Icons/collection/ArrowLeft";
import TreeDotsIcon from "../Icons/collection/TreeDots";
export const StyledMenuSelectorDots = styled(TreeDotsIcon).withConfig({
  displayName: "Styles__StyledMenuSelectorDots",
  componentId: "sc-1x7qbnu-0"
})(["", ""], {
  "marginLeft": "0.5rem",
  "flexShrink": "0",
  "cursor": "pointer"
});
StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
export const StyledMenuSelectorBack = styled(ArrowLeftIcon).withConfig({
  displayName: "Styles__StyledMenuSelectorBack",
  componentId: "sc-1x7qbnu-1"
})(["", ""], {
  "marginRight": "0.5rem",
  "flexShrink": "0",
  "cursor": "pointer",
  "stroke": "currentColor"
});
StyledMenuSelectorBack.displayName = "StyledMenuSelectorBack";
export const StyledMenuSelector = styled.div.withConfig({
  displayName: "Styles__StyledMenuSelector",
  componentId: "sc-1x7qbnu-2"
})(["", " ", " color:var(--color-theme-700);"], BoxSizingStyle, FontStyle);
StyledMenuSelector.displayName = "StyledMenuSelector";
export const StyledMenuSelectorInner = styled.div.withConfig({
  displayName: "Styles__StyledMenuSelectorInner",
  componentId: "sc-1x7qbnu-3"
})(["", ""], {
  "margin": "1rem",
  "display": "flex",
  "alignItems": "center"
});
StyledMenuSelectorInner.displayName = "StyledMenuSelectorInner";
//# sourceMappingURL=Styles.js.map