var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import styled, { css } from 'styled-components';
import { FV, PC } from '@filerobot/common';
import { StatusLabel } from '@scaleflex/ui/core';
var Wrapper = styled.div(function (_ref) {
  var theme = _ref.theme;
  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-top: 12px;\n\n  ", " {\n    padding-top: 20px;\n  }\n\n\n  ", " & {\n    padding-top: 20px;\n  }\n\n  ", " & {\n    padding-top: 20px;\n  }\n"])), theme.breakpoints.down('lg'), theme.breakpoints.classes.md, theme.breakpoints.classes.sm);
});
var versionItemTimelineBarStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  :before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 24px;\n    width: 1px;\n    display: inline-block;\n    background: ", ";\n    border-left: black;\n  }\n  :after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 24px;\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: ", ";\n    transform: translate(-50%, -50%);\n    ", "\n  }\n  :first-child:before {\n    top: 50%;\n  }\n  :last-child:before {\n    bottom: 50%;\n  }\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.palette[PC.BordersStrong];
}, function (_ref3) {
  var theme = _ref3.theme,
    isPreviewing = _ref3.isPreviewing;
  return theme.palette[PC[isPreviewing ? 'AccentStateless' : 'BackgroundSecondary']];
}, function (_ref4) {
  var theme = _ref4.theme,
    isPreviewing = _ref4.isPreviewing;
  return isPreviewing ? '' : "border: 1px solid ".concat(theme.palette[PC.BorderPrimaryStateless], ";");
});
var VersionItemWrapper = styled.div(function (_ref5) {
  var theme = _ref5.theme,
    $isOneVersionOnly = _ref5.$isOneVersionOnly,
    isSkeleton = _ref5.isSkeleton,
    isPreviewing = _ref5.isPreviewing;
  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 12px 24px 12px 48px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  position: relative;\n  cursor: ", ";\n  ", "\n\n  :hover {\n    background: ", ";\n  }\n\n  ", "\n\n  ", " {\n    border-radius: 4px;\n    max-width: 650px;\n    margin: 0 auto;\n  }\n\n  ", " & {\n    border-radius: 4px;\n    max-width: 650px;\n    margin: 0 auto;\n  }\n\n  ", " & {\n    border-radius: 4px;\n    max-width: 650px;\n    margin: 0 auto;\n  }\n"])), isSkeleton ? 'auto' : 'pointer', isPreviewing && !$isOneVersionOnly ? "background: ".concat(theme.palette[PC.BackgroundActive], ";") : '', isSkeleton || $isOneVersionOnly ? 'transparent' : theme.palette[PC.BackgroundActive], $isOneVersionOnly ? 'padding-left: 24px;' : versionItemTimelineBarStyles, theme.breakpoints.down('lg'), theme.breakpoints.classes.md, theme.breakpoints.classes.sm);
});
var VersionImgWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100px;\n  height: 75px;\n  border: 1px solid ", ";\n  border-radius: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n\n  .filerobot-common-ItemIcon {\n    height: 100%;\n    max-width: 100%;\n    max-height: 100%;\n  }\n"])), function (_ref6) {
  var theme = _ref6.theme;
  return theme.palette[PC.BordersItem];
});
var CurrentVersionLabel = styled(StatusLabel)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: -12px;\n  left: -6px;\n  border: 2px solid ", ";\n  border-radius: 4px;\n  font-size: 14px;\n  z-index: 2;\n"])), function (_ref7) {
  var theme = _ref7.theme;
  return theme.palette[PC.IconsInvert];
});
var VersionDetails = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  span:not(:first-child) {\n    margin-top: 4px;\n  }\n"])));
var VersionDetailsTxt = styled.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: block;\n  ", ";\n"])), function (_ref8) {
  var theme = _ref8.theme;
  return theme.typography.font[FV.LabelSmall];
});
var VersionDetailsBy = styled(VersionDetailsTxt)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-weight: 500;\n"])), function (_ref9) {
  var theme = _ref9.theme;
  return theme.palette[PC.TextPrimary];
});
var VersionDetailsId = styled(VersionDetailsTxt)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (_ref10) {
  var theme = _ref10.theme;
  return theme.palette[PC.TextSecondary];
});
var VersionDetailsMeta = styled(VersionDetailsId)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  text-transform: uppercase;\n"])));
var Styled = {
  Wrapper: Wrapper,
  VersionItemWrapper: VersionItemWrapper,
  VersionImgWrapper: VersionImgWrapper,
  CurrentVersionLabel: CurrentVersionLabel,
  VersionDetails: VersionDetails,
  VersionDetailsBy: VersionDetailsBy,
  VersionDetailsId: VersionDetailsId,
  VersionDetailsMeta: VersionDetailsMeta
};
export default Styled;