// TurntableDecor.jsx — shared vinyl + tonearm motif.
function TurntableDecor({ className = "" }) {
  const classes = ["zg-turntable", className].filter(Boolean).join(" ");

  return (
    <div className={classes} aria-hidden="true">
      <div className="zg-turntable-arm">
        <span className="zg-turntable-arm-pivot" />
        <span className="zg-turntable-arm-shaft">
          <span className="zg-turntable-arm-head" />
        </span>
      </div>
      <div className="zg-turntable-vinyl">
        <div className="zg-turntable-disc">
          <span className="zg-turntable-shine" />
          <span className="zg-turntable-label">Z</span>
        </div>
      </div>
    </div>
  );
}

window.TurntableDecor = TurntableDecor;