import React from 'react';

interface LogoProps {
  size?: number;
  className?: string;
}

export const AtibaLogo: React.FC<LogoProps> = ({ size = 24 }) => (
  <svg
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
    x="0px"
    y="0px"
    viewBox="0 0 115.2 100.2"
    xmlSpace="preserve"
    width={size}
    height={size}
  >
    <polygon fill="#6ec1e4" points="57.1,65.9 0,33 57.2,0"></polygon>
    <polygon fill="#37a2d5" points="57.1,67.2 0.1,100.2 0.2,34.2"></polygon>
    <polygon fill="#b5d9ed" points="58.1,67.2 115.1,34.2 115.1,100.2"></polygon>
    <polygon fill="#aad1e9" points="58.2,65.9 58.1,0 115.2,33"></polygon>
  </svg>
);