import React from 'react';

interface EqualizerIconProps {
  className?: string;
  stroke?: string;
  strokeWidth?: number;
  size?: number;
}

const EqualizerIcon: React.FC<EqualizerIconProps> = ({
  className = '',
  stroke = 'currentColor',
  strokeWidth = 1.5,
  size = 16,
}) => {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 16 16"
      fill="none"
      className={className}
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M14.6667 11.666H10"
        stroke={stroke}
        strokeWidth={strokeWidth}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M3.3335 11.666H1.3335"
        stroke={stroke}
        strokeWidth={strokeWidth}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M14.6665 4.33398H12.6665"
        stroke={stroke}
        strokeWidth={strokeWidth}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M6.00016 4.33398H1.3335"
        stroke={stroke}
        strokeWidth={strokeWidth}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M4.66683 9.66602H8.66683C9.40016 9.66602 10.0002 9.99935 10.0002 10.9993V12.3327C10.0002 13.3327 9.40016 13.666 8.66683 13.666H4.66683C3.9335 13.666 3.3335 13.3327 3.3335 12.3327V10.9993C3.3335 9.99935 3.9335 9.66602 4.66683 9.66602Z"
        stroke={stroke}
        strokeWidth={strokeWidth}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M7.33333 2.33398H11.3333C12.0667 2.33398 12.6667 2.66732 12.6667 3.66732V5.00065C12.6667 6.00065 12.0667 6.33398 11.3333 6.33398H7.33333C6.6 6.33398 6 6.00065 6 5.00065V3.66732C6 2.66732 6.6 2.33398 7.33333 2.33398Z"
        stroke={stroke}
        strokeWidth={strokeWidth}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};

export default EqualizerIcon;
