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

export type SchoolFilledIconProps = 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 SchoolFilledIcon = ({ title, size, color, ...props }: SchoolFilledIconProps) => {
  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="M16.496 16.386v1.059l-4.493 3.494-7.24-5.572v-.369c0-.634.085-1.148.235-1.583l7.005 5.422 4.364-3.375c.015.055.024.105.034.16.05.23.08.464.09.71v.054z" /><path d="m20.965 10.005-1.688 1.303-1.183.92a7.1 7.1 0 0 0-1.004-1.114 7.203 7.203 0 0 0-4.837-1.858v1.498c1.373 0 2.636.485 3.624 1.293h.005c.39.325.734.69 1.029 1.099l-4.908 3.8L6.91 13l-1.183-.914-2.686-2.082 8.962-6.94 8.962 6.94Z" /><path d="M19.492 16.496v2.995h-1.498v-2.995c0-.07 0-.145-.005-.215a5.48 5.48 0 0 0-.31-1.652 1.6 1.6 0 0 0-.054-.14 5.33 5.33 0 0 0-.714-1.343l1.183-.919c.3.405.554.844.764 1.308a7.14 7.14 0 0 1 .634 2.96Z" /></svg>
  );
};