var _templateObject, _templateObject2;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import styled from 'styled-components';
import { ArrowBottom } from '@scaleflex/icons';
import { PC } from '@filerobot/common';
var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    z-index: 1113;\n    background-color: ", ";\n    border-bottom: ", ";\n    width: 100%;\n"])), function (_ref) {
  var palette = _ref.theme.palette;
  return palette[PC.BackgroundStateless];
}, function (_ref2) {
  var palette = _ref2.theme.palette,
    elevateTopSection = _ref2.elevateTopSection;
  return elevateTopSection ? "1px solid  ".concat(palette[PC.BordersSecondary]) : '1px solid transparent';
});
var ArrowBottomIcon = styled(ArrowBottom)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  transition: transform 100ms ease;\n  ", "\n"])), function (_ref3) {
  var $isCollapsed = _ref3.$isCollapsed;
  return !$isCollapsed && "\n    transform: rotate(180deg);\n  ";
});
var Styled = {
  Wrapper: Wrapper,
  ArrowBottomIcon: ArrowBottomIcon
};
export default Styled;