import { useId, type SVGProps } from 'react';

export type PodcastSpotifyIconProps = SVGProps<SVGSVGElement> & {
  /** Accessibility title for the icon, set aria-hidden="true" if the icon is purely decorative. */
  title?: string;
  /**
   * The size of the icon.
   * It sets the font-size, possible as the width and height is `1em`. If not set, the icon will inherit the font size of its parent.
   */
  size?: '2xl' | 'xl' | 'large' | 'medium' | 'small';
  /**
   * The color of the icon.
   * @default 'inherit'
   */
  color?: 'inherit' | 'primary' | 'gray' | 'black' | 'white';
};

export const PodcastSpotifyIcon = ({ title, size, color, ...props }: PodcastSpotifyIconProps) => {
  const titleId = useId();
  return (
    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" focusable='false' role='img' width='1em' height='1em'  aria-labelledby={title ? titleId : undefined} data-size={size} data-color={color} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path d="M24 11.6433c-.013 6.68-5.4481 12.0687-12.138 11.9917C5.2596 23.5589-.0078 18.1863 0 11.6235.0083 4.9388 5.4778-.4869 12.2344-.3598 18.7733-.2368 23.9958 5.0997 24 11.6428zM9.9414 5.9665c-1.6752.0146-3.3301.2068-4.961.5902-.2162.051-.445.1073-.6303.2214-.4762.2938-.6606.974-.4355 1.4871.2188.499.7454.7434 1.3251.6038 2.056-.4954 4.1376-.6798 6.2488-.5402 2.1159.1396 4.1615.5902 6.1299 1.3794.5235.2099 1.034.4526 1.5471.6875.2433.1115.4891.1771.7548.1047.4407-.1198.8314-.6073.8808-1.0939.0459-.4552-.2041-.875-.6542-1.0985-3.215-1.5935-6.6196-2.3618-10.205-2.342zm.3568 4.8006c-1.8367.0063-3.4478.2141-5.0288.646-.0942.0255-.1906.0672-.2682.1255-.3798.2865-.5949 1.0043-.4449 1.457.1724.5224.671.7678 1.2575.6115 1.968-.524 3.964-.6782 5.9898-.4777 1.5825.1568 3.1114.5303 4.5798 1.1398.4745.1969.9355.4287 1.4012.6469.3803.1782.6256.1391.8939-.1807.1401-.1672.262-.3543.3662-.5459.2828-.5194.0974-1.0882-.4298-1.3591-2.6722-1.3731-5.5142-2.0471-8.3162-2.0643zm.012 4.5022c-1.6164.0042-2.9947.2083-4.351.5876-.3616.101-.5705.3156-.6741.65-.0584.1891-.1037.3886-.1146.5855-.035.6293.5006 1.045 1.1032.8616 1.3747-.4183 2.779-.6058 4.2152-.5641 1.5799.0458 3.1045.3578 4.5646.9636.4746.1969.9309.4371 1.3955.6585.5438.2594 1.1356-.0735 1.1877-.6725a1.98 1.98 0 0 0-.0047-.4037c-.0537-.4329-.2256-.7626-.6511-.9809-2.1618-1.109-4.4511-1.6726-6.6707-1.6851z" /></svg>
  );
};