import React from 'react';

interface IconProps extends React.SVGProps<SVGSVGElement> {
  size?: number;
  color?: string;
}

const DjembeDrum: React.FC<IconProps> = ({ size = 24, color = 'currentColor', ...props }) => (
  <svg
    width={size}
    height={size}
    viewBox="0 0 24 24"
    fill="none"
    stroke={color}
    strokeWidth="2"
    strokeLinecap="round"
    strokeLinejoin="round"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <ellipse cx="12" cy="5" rx="6" ry="2" />
    <path d="M6 5v2c0 1 0 2 1 3l4 8c.5 1 1.5 1 2 0l4-8c1-1 1-2 1-3V5" />
    <path d="M8 7l8 0" />
    <path d="M8 9l8 0" />
    <path d="M9 11l6 0" />
    <path d="M10 13l4 0" />
    <path d="M11 15l2 0" />
  </svg>
);

export default DjembeDrum;