import React from 'react';

interface LogoProps {
  size?: number;
}

export const AssistantIcon: React.FC<LogoProps> = ({ size = 24 }) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="-158.448 -8.207 316.895 277.119"
    width={size}
    height={size}
    role="img"
    aria-label="Assistant icon"
    className="overflow-visible"
  >
    <g>
      <path fill="#5AC5EC" d="M0 1.793-48.448 85.706h96.896Z" />
      <path fill="#5AC5EC" d="m-50 88.395-48.448 83.914h96.896Z" />
      <path fill="#90D2EE" d="M-48.448 87.499h96.896L0 171.412Z" />
      <path fill="#90D2EE" d="m50 88.395-48.448 83.914h96.896Z" />
      <path fill="#00B3E8" d="m-100 174.998-48.448 83.913h96.896Z" />
      <path fill="#00B3E8" d="M-98.448 174.101h96.896L-50 258.015Z" />
      <path fill="#B3DCF0" d="M1.552 174.101h96.896L50 258.015Z" />
      <path fill="#B3DCF0" d="m100 174.998-48.448 83.913h96.896Z" />
    </g>
  </svg>
);