var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
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 { PC, FV } from '@filerobot/common';
import { Accordion, Button, ModalContent, Skeleton } from '@scaleflex/ui/core';
var YearSkeleton = styled(Skeleton)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 18px 24px 0 24px;\n"])));
var AvatarSkeleton = styled(Skeleton)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n"])));
var YearSectionAccordion = styled(Accordion)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
  var _ref$theme = _ref.theme,
    palette = _ref$theme.palette,
    typography = _ref$theme.typography;
  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    border-bottom: 1px solid ", ";\n\n    :first-child {\n      margin-top: 18px;\n    }\n\n    :not(:last-child) {\n      margin-bottom: 18px;\n    }\n\n    .SfxAccordion-root:not(:last-child) {\n      margin-bottom: 0;\n    }\n\n    .SfxAccordionHeader-root {\n      padding: 0 24px 0 24px;\n    }\n\n    .SfxAccordionDetails-root{\n      margin: 0;\n    }\n\n    .SfxAccordionHeader-root:last-child {\n      padding-bottom: 18px;\n    }\n\n    .SfxAccordionHeader-icon {\n      padding-left: 6px;\n    }\n\n    .SfxArrowTick-root {\n      margin-left: 0;\n    }\n\n    .SfxAccordionHeader-label {\n      ", ";\n      color: ", ";\n    }\n  "])), palette[PC.BordersSecondary], typography.font[FV.TitleH4], palette[PC.TextPrimary]);
});
var ActivityWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
  var _ref2$theme = _ref2.theme,
    palette = _ref2$theme.palette,
    typography = _ref2$theme.typography;
  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 20px 24px 20px 24px;\n    gap: 12px;\n    word-break: break-all;\n    width: 100%;\n\n    :first-of-type {\n      padding-top: 18px\n    }\n\n    :not(:last-of-type) {\n    border-bottom: 1px solid ", ";\n    }\n\n    > label {\n     ", ";\n     color: ", ";\n    }\n\n    > div {\n      ", ";\n      width: 100%;\n    }\n  "])), palette[PC.BordersSecondary], typography.font[FV.LabelMedium], palette[PC.TextSecondary], typography.font[FV.LabelMediumEmphasis]);
});
var Activity = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n"])));
var ActivityDetails = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  width: calc(100% - 52px);\n\n  > label {\n    ", ";\n  }\n"])), function (_ref3) {
  var typography = _ref3.theme.typography;
  return typography.font[FV.LabelLargeEmphasis];
});
var ActivityDescription = styled.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
  var _ref4$theme = _ref4.theme,
    palette = _ref4$theme.palette,
    typography = _ref4$theme.typography;
  return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    color: ", ";\n    ", ";\n      text-overflow: ellipsis;\n      white-space: initial;\n      display: -webkit-box;\n      overflow: hidden;\n\n    > label:first-of-type {\n      ", ";\n    }\n  "])), palette[PC.TextPrimary], typography.font[FV.LabelMedium], typography.font[FV.LabelMediumEmphasis]);
});
var ActivityUpdates = styled.label(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref5) {
  var _ref5$theme = _ref5.theme,
    palette = _ref5$theme.palette,
    typography = _ref5$theme.typography,
    newAction = _ref5.newAction,
    deletedAction = _ref5.deletedAction,
    hasLeftMargin = _ref5.hasLeftMargin;
  return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      background: ", ";\n      color: ", ";\n      ", ";\n      border-radius: 2px;\n      width: fit-content;\n      padding: 0 6px;\n      ", "\n  "])), palette[newAction ? PC.BackgroundGreenMedium : deletedAction ? PC.Error_0_12_Opacity : PC.BackgroundActive], palette[newAction || deletedAction ? PC.TextPrimary : PC.IconsSecondary], typography.font[FV.TextMedium], hasLeftMargin && 'margin-left: 4px;');
});
var LinkButton = styled(Button)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref6) {
  var hasLeftMargin = _ref6.hasLeftMargin;
  return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    text-decoration: underline;\n    ", "\n  "])), hasLeftMargin && 'margin-left: 4px');
});
var ActivityAction = styled.label(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref7) {
  var onlyLeftPadding = _ref7.onlyLeftPadding;
  return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    padding: ", "\n  "])), onlyLeftPadding ? '0 0 0 4px' : '0 4px');
});
var ModalContentWrapper = styled(ModalContent)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref8) {
  var _ref8$theme = _ref8.theme,
    palette = _ref8$theme.palette,
    typography = _ref8$theme.typography;
  return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: flex-start;\n    padding: 16px 24px 24px 24px;\n    gap: 24px;\n    width: 100%;\n    overflow-y: auto;\n    overflow-x: hidden;\n    max-height: 508px;\n    max-width: 800px;\n    scrollbar-color: ", " ", ";\n    scrollbar-width: thin;\n\n    ::-webkit-scrollbar {\n      width: 12px;\n      background: ", ";\n    }\n\n    ::-webkit-scrollbar-track {\n      margin-block: 6px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n      background: ", ";\n      border: 4px solid ", ";\n      border-radius: 99px;\n      padding: 4px 6px;\n      height: 50px;\n      background-clip: padding-box;\n    }\n\n    > div {\n      > label {\n        ", ";\n        color: ", ";\n      }\n\n      > div {\n        ", ";\n        padding: 12px;\n        width: 364px;\n        height: fit-content;\n        background: ", ";\n        border-radius: 4px;\n        margin-top: 2px;\n        margin-bottom: 0;\n        white-space: pre-wrap;\n      }\n    }\n\n    > div:not(:first-of-type) {\n      > div {\n        background: ", ";\n      }\n    }\n  "])), palette[PC.IconsMuted], palette[PC.ActiveSecondary], palette[PC.ActiveSecondary], palette[PC.IconsMuted], palette[PC.ActiveSecondary], typography.font[FV.TextSmall], palette[PC.TextSecondary], typography.font[FV.TextMedium], palette[PC.BackgroundActive], palette[PC.BackgroundGreenMedium]);
});
var Styled = {
  YearSkeleton: YearSkeleton,
  AvatarSkeleton: AvatarSkeleton,
  YearSectionAccordion: YearSectionAccordion,
  ActivityWrapper: ActivityWrapper,
  Activity: Activity,
  ActivityDetails: ActivityDetails,
  ActivityDescription: ActivityDescription,
  ActivityUpdates: ActivityUpdates,
  ActivityAction: ActivityAction,
  LinkButton: LinkButton,
  ModalContentWrapper: ModalContentWrapper
};
export default Styled;