import styled, { css } from 'styled-components';
import { getTypographyIntent } from '../Typography/Typography.styles';
import { colors } from '../_styles/colors';
import { spacing } from '../_styles/spacing';
export var StyledSidebar = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledSidebar",
  componentId: "core-11_26_1__sc-60uplo-0"
})(["background-color:", ";padding:", "px 0;position:relative;"], colors.gray96, spacing.lg);
export var StyledSidebarButton = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledSidebarButton",
  componentId: "core-11_26_1__sc-60uplo-1"
})(["padding:0 ", "px;& + &{padding-top:", "px;}"], spacing.lg, spacing.sm);
export var StyledSidebarDivider = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledSidebarDivider",
  componentId: "core-11_26_1__sc-60uplo-2"
})(["margin:", "px;border-bottom:1px solid ", ";height:1px;"], spacing.xl, colors.gray90);
export var StyledSidebarHeader = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledSidebarHeader",
  componentId: "core-11_26_1__sc-60uplo-3"
})(["align-items:center;display:flex;justify-content:space-between;padding:0 ", "px ", "px;"], spacing.xl, spacing.md);
export var StyledSidebarHeaderAction = /*#__PURE__*/styled.a.withConfig({
  displayName: "StyledSidebarHeaderAction",
  componentId: "core-11_26_1__sc-60uplo-4"
})(["", " color:", ";cursor:pointer;"], getTypographyIntent('small'), colors.orange50);
export var StyledSidebarMenu = /*#__PURE__*/styled.ol.withConfig({
  displayName: "StyledSidebarMenu",
  componentId: "core-11_26_1__sc-60uplo-5"
})(["list-style:none;margin:0;padding:0;"]);
export var StyledSidebarMenuItem = /*#__PURE__*/styled.li.withConfig({
  displayName: "StyledSidebarMenuItem",
  componentId: "core-11_26_1__sc-60uplo-6"
})(["", " align-items:center;color:", ";cursor:pointer;display:flex;position:relative;padding:", "px ", "px;transition:all 0.2s ease-in-out;&::after{background-color:transparent;content:'';height:100%;left:0;position:absolute;top:0;transition:all 0.2s ease-in-out;width:5px;}&:hover{background-color:", ";color:", ";&::after{background-color:", ";}}", " &:active{&::after{background-color:", ";}}"], getTypographyIntent('small'), colors.gray50, spacing.sm, spacing.xl, colors.gray90, colors.gray15, colors.orange50, function (_ref) {
  var $active = _ref.$active;
  if ($active) {
    return css(["&::after{background-color:", ";}"], colors.orange50);
  }
}, colors.orange50);
//# sourceMappingURL=Sidebar.styles.js.map