import { ChevronRight } from '@procore/core-icons';
import styled from 'styled-components';
import { Box } from '../Box/Box';
import { Typography } from '../Typography/Typography';
import { colors } from '../_styles/colors';
export var StyledFilenameCaption = /*#__PURE__*/styled(Typography).withConfig({
  displayName: "StyledFilenameCaption",
  componentId: "core-12_10_0__sc-2d45b5-0"
})(["display:flex;width:100%;"]);
export var StyledTree = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledTree",
  componentId: "core-12_10_0__sc-2d45b5-1"
})(["width:100%;height:100%;min-height:36px;outline:none;overflow:auto;"]);
export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
  displayName: "StyledTreeRowContainer",
  componentId: "core-12_10_0__sc-2d45b5-2"
})(["display:flex;align-items:center;height:36px;background:transparent;box-shadow:inset 4px 0px 0px transparent;cursor:default;outline:none;", " &:hover{background:", ";}", " ", ""], function (_ref) {
  var isSelectable = _ref.isSelectable;
  return isSelectable ? 'cursor: pointer;' : '';
}, colors.gray98, function (_ref2) {
  var isHighlighted = _ref2.isHighlighted;
  return isHighlighted ? "background: ".concat(colors.gray98, ";") : '';
}, function (_ref3) {
  var isSelected = _ref3.isSelected,
    isHighlighted = _ref3.isHighlighted;
  return isSelected && "\n      background: ".concat(colors.blue96, ";\n      box-shadow: inset 4px 0px 0px ").concat(colors.blue50, ";\n\n      ").concat(StyledFilenameCaption, " {\n        color: ").concat(colors.blue40, ";\n        font-weight: 600;\n      }\n\n      &:hover {\n        background-color: ").concat(colors.blue94, ";\n        ").concat(StyledFilenameCaption, " {\n          color: ").concat(colors.blue45, ";\n        }\n      }\n\n      ").concat(isHighlighted && "\n          background-color: ".concat(colors.blue94, ";\n          ").concat(StyledFilenameCaption, " {\n            color: ").concat(colors.blue45, ";\n          }\n        "), "\n    ");
});
export var StyledTreeRowContent = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledTreeRowContent",
  componentId: "core-12_10_0__sc-2d45b5-3"
})(["display:flex;align-items:center;"]);
export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledTreeRowWrapper",
  componentId: "core-12_10_0__sc-2d45b5-4"
})(["outline:none;"]);
var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
  displayName: "StyledIconBase",
  componentId: "core-12_10_0__sc-2d45b5-5"
})(["display:flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;min-height:24px;"]);
export var StyledChevronContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
  displayName: "StyledChevronContainer",
  componentId: "core-12_10_0__sc-2d45b5-6"
})([""]);
export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
  displayName: "StyledIconContainer",
  componentId: "core-12_10_0__sc-2d45b5-7"
})(["color:", ";"], function (_ref4) {
  var $isSelected = _ref4.$isSelected;
  return $isSelected ? colors.blue45 : colors.gray40;
});
export var StyledChevron = /*#__PURE__*/styled(ChevronRight).withConfig({
  displayName: "StyledChevron",
  componentId: "core-12_10_0__sc-2d45b5-8"
})(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref5) {
  var $isExpanded = _ref5.$isExpanded;
  return $isExpanded ? 90 : 0;
});
//# sourceMappingURL=Tree.styles.js.map