import {
  SYMBOL_ACCENT,
  SYMBOL_FILL,
  SYMBOL_STROKE,
  SymbolSvg,
} from "./primitives";

function ChamberCore({ variable }: { variable: boolean }) {
  return (
    <>
      <circle
        cx="32"
        cy="24"
        fill={SYMBOL_FILL}
        r="13"
        stroke={SYMBOL_STROKE}
        strokeWidth="2"
      />
      <text
        dominantBaseline="central"
        fill={SYMBOL_ACCENT}
        fontFamily="Arial, sans-serif"
        fontSize="13"
        fontWeight="700"
        textAnchor="middle"
        x="32"
        y="24"
      >
        Cp
      </text>
      {variable ? (
        <g
          fill="none"
          stroke={SYMBOL_ACCENT}
          strokeLinecap="round"
          strokeLinejoin="round"
          strokeWidth="1.5"
        >
          <path d="m20 13-5-5m0 0h4m-4 0v4" />
          <path d="m44 13 5-5m0 0h-4m4 0v4" />
          <path d="m20 35-5 5m0 0h4m-4 0v-4" />
          <path d="m44 35 5 5m0 0h-4m4 0v-4" />
        </g>
      ) : null}
    </>
  );
}

export function AmesimPnch023Symbol() {
  return (
    <SymbolSvg domain="pneumatic">
      <path d="M2 24h17M45 24h17" stroke={SYMBOL_STROKE} strokeWidth="2" />
      <ChamberCore variable={false} />
    </SymbolSvg>
  );
}

export function AmesimPnch012Symbol() {
  return (
    <SymbolSvg domain="pneumatic">
      <path
        d="M2 16h17M2 32h17M45 16h17M45 32h17"
        stroke={SYMBOL_STROKE}
        strokeWidth="2"
      />
      <ChamberCore variable />
    </SymbolSvg>
  );
}