import n from "styled-components";
import { getFontSize as i, getSpacing as o, getColorAlias as t, convertToTransientProps as d } from "../../utils/index.js";
import { Loader as l } from "../Spinner/styles.js";
const g = n.h2`
  ${i("size16")};
  margin: ${o("s00", "s02", "s00", "s00")};
  padding: ${o("s00")};
  color: ${t("contentDefault")};
  font-weight: ${(e) => e.theme.font.weightExtrabold};
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
`, p = n.span`
  ${i("size14")};
  margin-right: ${o("s02")};
  color: ${t("contentDefault")};
`, f = n.span`
  display: flex;
  ${i("size14")};
  margin-top: ${o("s01")};
  color: ${({ messageType: e }) => e === "success" ? t("contentPositive") : t("contentError")};
  fill: ${({ messageType: e }) => e === "success" ? t("contentPositive") : t("contentError")};

  svg {
    margin-right: ${o("s02")};
    ${i("size16")};
  }
`, h = n.div`
  display: flex;
  flex-direction: column;
  text-align: left;
  overflow: hidden;

  ${l} {
    margin-right: ${o("s02")};
  }
`, m = n.div`
  display: flex;
  align-items: center;
`, x = n.span`
  ${i("size14")};
  margin-top: ${o("s01")};
  color: ${t("contentDefault")};
`, b = n.div`
  display: flex;
  justify-content: space-between;
  color: ${t("contentDefault")};
  ${i("size14")};
  margin-bottom: ${o("s01")};

  span:nth-child(1) {
    font-weight: ${(e) => e.theme.font.weightExtrabold};
    margin-right: ${o("s01")};
  }

  span:nth-child(2) {
    text-align: right;
    margin-left: ${o("s01")};
  }
`, u = n.div`
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: ${({ width: e }) => e || "100%"};
`, w = n.div.withConfig({
  shouldForwardProp: d([
    "hasFile",
    "shouldDisplayThumbnail"
  ])
})`
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: ${o("s04")};
  border: ${(e) => `1px solid ${t("borderDefault", e.theme)}`};
  border-radius: ${({ theme: { radius: e }, hasFile: r, shouldDisplayThumbnail: s }) => `${e.roundedB} ${e.roundedB}
    ${s && r ? e.roundedNone : e.roundedB}
    ${s && r ? e.roundedNone : e.roundedB}`};
`, v = n.div`
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  background-color: ${({ theme: e }) => e.global.black};
  border-right: ${(e) => `1px solid ${t("borderDefault", e.theme)}`};
  border-left: ${(e) => `1px solid ${t("borderDefault", e.theme)}`};
  border-bottom: ${(e) => `1px solid ${t("borderDefault", e.theme)}`};
  border-radius: ${({ theme: { radius: e } }) => `0 0 ${e.roundedB} ${e.roundedB}`};
  max-height: 200px;

  img {
    max-height: 199px;
    max-width: 100%;
    object-fit: contain;
  }
`, y = n.div`
  display: flex;
`;
export {
  y as ActionButtonsWrapper,
  x as AssistText,
  v as FileContainer,
  m as FileInfo,
  h as FileInfoContainer,
  b as Header,
  g as InfoSubheading,
  f as MessageBody,
  p as SizeBody,
  u as UploaderContainer,
  w as UploaderWrapper
};
