// OS marks for the site (site-ui-5, 7 October 2026). Windows and macOS come from the vendor marks module verbatim
// (brand/marks/vendor-marks.mjs, copied byte for byte to site/lib/marks.mjs by the build's check). Linux and HiveOS are
// drawn here in the same treatment: 24 x 24 viewBox at 22 px, under 600 bytes, currentColor, a simplified monochrome
// mark that names the platform (the penguin's outline; a hive cell with its rig inside). Every OS mark sits in the
// brand's monochrome well (.osmark in site.css), never a vendor tint: an OS is a place the miner runs, not a card.
import { OS_MARKS } from './marks.mjs';
const SVG = '<svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" focusable="false"';
export const OS = {
  windows: { label: 'Windows', svg: OS_MARKS.windows },
  mac: { label: 'macOS', svg: OS_MARKS.macos },
  linux: { label: 'Linux', svg: SVG + ' fill="currentColor"><path d="M12 2c-2.4 0-4 1.9-4 4.6 0 1.2.2 2 0 2.8-.6 1.4-2.1 2.9-2.6 4.9-.3 1.1-.1 2 .3 2.6-.6.4-1.3 1-1.1 1.7.3 1 2.1 1.2 3.2 1.8.7.4 1.5.6 2.1.1.6.2 1.3.3 2.1.3s1.5-.1 2.1-.3c.6.5 1.4.3 2.1-.1 1.1-.6 2.9-.8 3.2-1.8.2-.7-.5-1.3-1.1-1.7.4-.6.6-1.5.3-2.6-.5-2-2-3.5-2.6-4.9-.2-.8 0-1.6 0-2.8C16 3.9 14.4 2 12 2zm-1.4 4.2c.5 0 .8.5.8 1.2s-.3 1.2-.8 1.2-.8-.5-.8-1.2.3-1.2.8-1.2zm2.8 0c.5 0 .8.5.8 1.2s-.3 1.2-.8 1.2-.8-.5-.8-1.2.3-1.2.8-1.2zM12 9.3c.9 0 1.9.5 1.9 1s-1 1.2-1.9 1.2-1.9-.7-1.9-1.2 1-1 1.9-1zm0 3.4c2.2 0 3.6 2.6 3.6 4.4 0 1.5-1.6 2.3-3.6 2.3s-3.6-.8-3.6-2.3c0-1.8 1.4-4.4 3.6-4.4z"/></svg>' },
  hive: { label: 'HiveOS', svg: SVG + ' fill="none" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round" stroke-linecap="round"><path d="M12 2.6 20.2 7.3v9.4L12 21.4 3.8 16.7V7.3z"/><path d="M12 7.4 16 9.7v4.6L12 16.6 8 14.3V9.7z"/><path d="M12 7.4V2.6M16 9.7l4.2-2.4M16 14.3l4.2 2.4M12 16.6v4.8M8 14.3l-4.2 2.4M8 9.7 3.8 7.3"/></svg>' },
};
// the well: <span class="osmark [mini|bare]" data-os="windows" title="Windows"><svg…></svg></span>
export function osHtml(key, size) {
  const o = OS[key]; if (!o) throw new Error('unknown OS mark ' + key);
  return '<span class="osmark' + (size ? ' ' + size : '') + '" data-os="' + key + '" title="' + o.label + '">' + o.svg + '</span>';
}