import React from 'react';

/**
 * Les trois carrés de la marque Tamm-Kreiz (bleu acier / orange / olive).
 * Atome partagé par le header, le menu mobile et le footer.
 */
export default function TkLogoMark({size = 15}: {size?: number}) {
  const square = {
    width: size,
    height: size,
    borderRadius: Math.round(size * 0.27),
  };
  return (
    <span className="tk-logo-mark" aria-hidden="true">
      <span style={{...square, background: 'var(--tk-blue-light)'}} />
      <span style={{...square, background: 'var(--tk-orange)'}} />
      <span style={{...square, background: 'var(--tk-green)'}} />
    </span>
  );
}