/* Inline SVG icons reconstructed from the Figma source. */

const IconBuild = ({ size = 200, color = "currentColor" }) =>
<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 200 200" fill="none" style={{ display: "block" }}>
    <path d="M 25 150 C 25 163.807 36.193 175 50 175 C 50 188.807 38.807 200 25 200 C 11.193 200 0 188.807 0 175 C 0 161.193 11.193 150 25 150 Z M 75 150 C 75 163.807 86.193 175 100 175 C 100 188.807 88.807 200 75 200 C 61.193 200 50 188.807 50 175 C 63.807 175 75 163.807 75 150 Z M 125 150 C 125 163.807 136.193 175 150 175 C 150 188.807 138.807 200 125 200 C 111.193 200 100 188.807 100 175 C 113.807 175 125 163.807 125 150 Z M 175 150 C 188.807 150 200 161.193 200 175 C 200 188.807 188.807 200 175 200 C 161.193 200 150 188.807 150 175 C 163.807 175 175 163.807 175 150 Z M 25 100 C 25 113.807 36.193 125 50 125 C 36.193 125 25 136.193 25 150 C 11.193 150 0 138.807 0 125 C 0 111.193 11.193 100 25 100 Z M 75 100 C 75 113.807 86.193 125 100 125 C 100 138.807 88.807 150 75 150 C 61.193 150 50 138.807 50 125 C 50 111.193 61.193 100 75 100 Z M 125 100 C 138.807 100 150 111.193 150 125 C 150 138.807 138.807 150 125 150 C 111.193 150 100 138.807 100 125 C 113.807 125 125 113.807 125 100 Z M 175 100 C 188.807 100 200 111.193 200 125 C 200 138.807 188.807 150 175 150 C 175 136.193 163.807 125 150 125 C 163.807 125 175 113.807 175 100 Z M 25 50 C 25 63.807 36.193 75 50 75 C 36.193 75 25 86.193 25 100 C 11.193 100 0 88.807 0 75 C 0 61.193 11.193 50 25 50 Z M 75 50 C 88.807 50 100 61.193 100 75 C 86.193 75 75 86.193 75 100 C 61.193 100 50 88.807 50 75 C 50 61.193 61.193 50 75 50 Z M 125 50 C 138.807 50 150 61.193 150 75 C 150 88.807 138.807 100 125 100 C 125 86.193 113.807 75 100 75 C 100 61.193 111.193 50 125 50 Z M 175 50 C 188.807 50 200 61.193 200 75 C 200 88.807 188.807 100 175 100 C 175 86.193 163.807 75 150 75 C 163.807 75 175 63.807 175 50 Z M 25 0 C 38.807 0 50 11.193 50 25 C 36.193 25 25 36.193 25 50 C 11.193 50 0 38.807 0 25 C 0 11.193 11.193 0 25 0 Z M 75 0 C 88.807 0 100 11.193 100 25 C 86.193 25 75 36.193 75 50 C 75 36.193 63.807 25 50 25 C 50 11.193 61.193 0 75 0 Z M 125 0 C 138.807 0 150 11.193 150 25 C 136.193 25 125 36.193 125 50 C 125 36.193 113.807 25 100 25 C 100 11.193 111.193 0 125 0 Z M 175 0 C 188.807 0 200 11.193 200 25 C 200 38.807 188.807 50 175 50 C 175 36.193 163.807 25 150 25 C 150 11.193 161.193 0 175 0 Z" fill={color} fillRule="nonzero" />
  </svg>;


const IconFirstPrinciples = ({ size = 200, color = "currentColor" }) =>
<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 200 200" fill="none" style={{ display: "block" }}>
    <path d="M 150 150 L 200 150 L 200 200 L 150 200 C 122.386 200 100 177.614 100 150 C 100 177.614 77.614 200 50 200 L 0 200 L 0 150 L 50 150 L 50 100 L 150 100 L 150 150 Z M 150 50 L 200 50 L 200 100 L 150 100 C 122.386 100 100 77.614 100 50 C 100 77.614 77.614 100 50 100 L 0 100 L 0 50 L 50 50 L 50 0 L 150 0 L 150 50 Z" fill={color} fillRule="nonzero" />
  </svg>;


/* Vision: 4-petal flower-like form built from 4 quarter-circles forming inward arcs. */
const IconVision = ({ size = 200, color = "currentColor" }) =>
<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 200 200" fill="none" style={{ display: "block" }}>
    {/* Petal-like form. Approximated from Figma "Start with the vision" symbol. */}
    <path
    d="M 100 0
         C 100 55.228 144.772 100 200 100
         C 144.772 100 100 144.772 100 200
         C 100 144.772 55.228 100 0 100
         C 55.228 100 100 55.228 100 0 Z"




    fill={color} />
  
    <path
    d="M 50 50
         C 77.614 50 100 72.386 100 100
         C 72.386 100 50 77.614 50 50 Z
         M 150 50
         C 150 77.614 127.614 100 100 100
         C 100 72.386 122.386 50 150 50 Z
         M 50 150
         C 50 122.386 72.386 100 100 100
         C 100 127.614 77.614 150 50 150 Z
         M 150 150
         C 122.386 150 100 127.614 100 100
         C 127.614 100 150 122.386 150 150 Z"











    fill={color} />
  
  </svg>;


const IconLinkedIn = ({ size = 24, color = "currentColor" }) =>
<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill={color} style={{ display: "block" }}>
    <path d="M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.13 1.45-2.13 2.94v5.67H9.37V9h3.41v1.56h.05c.47-.9 1.63-1.85 3.36-1.85 3.59 0 4.26 2.36 4.26 5.43v6.31zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM7.12 20.45H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.72v20.56C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.72V1.72C24 .77 23.2 0 22.22 0z" />
  </svg>;


const IconArrow = ({ size = 20, dir = "right" }) =>
<svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={{ display: "block", transform: dir === "left" ? "scaleX(-1)" : "none" }}>
    <path d="M4 10h12M11 5l5 5-5 5" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
  </svg>;


window.IconBuild = IconBuild;
window.IconFirstPrinciples = IconFirstPrinciples;
window.IconVision = IconVision;
window.IconLinkedIn = IconLinkedIn;
window.IconArrow = IconArrow;