import type { ExportRequest } from "./types";

export function exportStyles(request: ExportRequest): string {
  if (request.kind !== "artifact") return "";
  const only =
    request.data.sections.length === 1 ? request.data.sections[0] : null;
  const rules =
    only === "tierlist"
      ? ".artifact-export-grid{display:block}.artifact-export-tierlist{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.artifact-export-tierlist>div{width:calc(50% - 10px)}"
      : only === "best-stats"
        ? ".artifact-export-root{height:100%}.artifact-export-grid{display:block}.artifact-export-main-stats,.artifact-export-substats{width:480px;max-width:100%;margin-inline:auto}.guide-export-watermark{top:auto;bottom:16px}"
        : only === "target-stats" || only === "talents"
          ? ".artifact-export-grid{display:block}.artifact-export-right{width:560px;max-width:100%;margin-inline:auto}"
          : "";
  return (
    ".artifact-export-grid{display:flex;align-items:flex-start}.artifact-export-left{flex:1.2;min-width:0}.artifact-export-right{flex:1;min-width:0}.artifact-export-main-stats>div:last-child{display:flex}.artifact-export-main-stats>div:last-child>div{width:33.333333%;flex-shrink:0}" +
    rules
  );
}