import styled from 'styled-components';
import { colors } from '../../_styles/colors';
import { SourceItem } from '../SourceItem/SourceItem';
export var StyledSidebar = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledSidebar",
  componentId: "core-11_23_1__sc-s03uiv-0"
})(["display:flex;flex-shrink:0;width:300px;border-right:1px solid ", ";"], colors.gray85);
export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledNavigation",
  componentId: "core-11_23_1__sc-s03uiv-1"
})(["display:flex;flex-direction:column;width:100%;&:focus{outline:none;}"]);
export var StyledSourceItem = /*#__PURE__*/styled(SourceItem).withConfig({
  displayName: "StyledSourceItem",
  componentId: "core-11_23_1__sc-s03uiv-2"
})(["width:100%;padding-left:10px;&:focus{padding-left:9px;}"]);
//# sourceMappingURL=FileExplorerSidebar.styles.js.map