/**
* This is a generated file. Do not modify it manually.
*
* @script packages/icon/scripts/prebuild/index.ts
* @checksum 7eba0ef41afe30759b27cc28c078d9f8
*/
import * as React from "react";
import { css, cx } from '@leafygreen-ui/emotion';
import { useIdAllocator } from '@leafygreen-ui/hooks';
import { generateAccessibleProps, sizeMap } from '../glyphCommon';
import { LGGlyph } from '../types';
export interface NumberedListProps extends LGGlyph.ComponentProps {}
const NumberedList = ({
  className,
  size = 16,
  title,
  ['aria-label']: ariaLabel,
  ['aria-labelledby']: ariaLabelledby,
  fill,
  role = 'img',
  ...props
}: NumberedListProps) => {
  const titleId = useIdAllocator({
    prefix: 'icon-title'
  });
  const fillStyle = css`
        color: ${fill};
      `;
  const noFlexShrink = css`
        flex-shrink: 0;
      `;
  const accessibleProps = generateAccessibleProps(role, 'NumberedList', {
    title,
    titleId,
    ['aria-label']: ariaLabel,
    ['aria-labelledby']: ariaLabelledby
  });
  return <svg className={cx({
    [fillStyle]: fill != null
  }, noFlexShrink, className)} height={typeof size === 'number' ? size : sizeMap[size]} width={typeof size === 'number' ? size : sizeMap[size]} role={role} {...accessibleProps} {...props} viewBox="0 0 16 16">{title && <title id={titleId}>{title}</title>}<path d="M2.64914 4.29651C2.73717 4.39255 2.86522 4.45658 3.00128 4.45658C3.08131 4.45658 3.15334 4.44057 3.25738 4.41656L3.5615 4.33653V6.48138H3.12933C2.96126 6.48138 2.8012 6.50539 2.67315 6.61743C2.56911 6.71347 2.51308 6.84952 2.51308 6.98558C2.51308 7.12163 2.56911 7.26569 2.67315 7.36173C2.8012 7.47377 2.95326 7.49778 3.12933 7.49778H5.01007C5.18614 7.49778 5.3382 7.46577 5.46625 7.36173C5.57029 7.27369 5.62632 7.12964 5.62632 6.99358C5.62632 6.85753 5.57029 6.71347 5.46625 6.61743C5.3382 6.50539 5.18614 6.48138 5.01007 6.48138H4.5779V3L2.99327 3.40816C2.84121 3.45618 2.72917 3.48819 2.62513 3.59223C2.5451 3.68827 2.51308 3.80832 2.51308 3.92036C2.51308 4.04842 2.5611 4.18447 2.64914 4.28851V4.29651Z" fill={'currentColor'} /><path d="M5.15413 11.9876C5.05809 11.9876 4.97006 12.0276 4.89002 12.0756H4.12172C4.52188 11.7315 4.80199 11.4834 4.97806 11.3153C5.25817 11.0432 5.44224 10.8431 5.53828 10.651C5.62632 10.475 5.66633 10.2829 5.66633 10.0828C5.66633 9.69065 5.51427 9.33851 5.22616 9.07441C4.93804 8.8023 4.55389 8.65824 4.12172 8.66624C3.84161 8.66624 3.5695 8.73027 3.32941 8.85032C3.08931 8.97037 2.88923 9.14644 2.75318 9.36252C2.63313 9.5626 2.5531 9.73867 2.5531 9.92274C2.5531 10.0588 2.60912 10.1868 2.70516 10.2749C2.8012 10.3709 2.92925 10.4269 3.0653 10.4269C3.16934 10.4269 3.28139 10.3949 3.36942 10.3309C3.46546 10.2589 3.52148 10.1628 3.5535 10.0508C3.59351 9.93875 3.64153 9.86672 3.68155 9.8267C3.79359 9.73067 3.92164 9.68265 4.10571 9.68265C4.28979 9.68265 4.41784 9.73067 4.50587 9.8107C4.60191 9.89873 4.63392 9.97076 4.63392 10.0668C4.63392 10.1228 4.60191 10.2109 4.50587 10.3229C4.29779 10.563 3.60952 11.1632 2.49708 12.0916L2.42505 12.1556V13.108H5.66633V12.6118C5.66633 12.4357 5.64232 12.2837 5.53028 12.1556C5.44224 12.0516 5.29018 11.9956 5.15413 11.9956V11.9876Z" fill={'currentColor'} /><path d="M12.5731 11.0912H8.25936C7.70714 11.0912 7.25896 11.5394 7.25896 12.0916C7.25896 12.6438 7.70714 13.092 8.25936 13.092H12.5731C13.1253 13.092 13.5735 12.6438 13.5735 12.0916C13.5735 11.5394 13.1253 11.0912 12.5731 11.0912Z" fill={'currentColor'} /><path d="M8.25936 5.08883H12.5731C13.1253 5.08883 13.5735 4.64065 13.5735 4.08843C13.5735 3.53621 13.1253 3.08803 12.5731 3.08803H8.25936C7.70714 3.08803 7.25896 3.53621 7.25896 4.08843C7.25896 4.64065 7.70714 5.08883 8.25936 5.08883Z" fill={'currentColor'} /><path d="M12.5731 7.15365H8.25936C7.70714 7.15365 7.25896 7.60182 7.25896 8.15404C7.25896 8.70626 7.70714 9.15444 8.25936 9.15444H12.5731C13.1253 9.15444 13.5735 8.70626 13.5735 8.15404C13.5735 7.60182 13.1253 7.15365 12.5731 7.15365Z" fill={'currentColor'} /></svg>;
};
NumberedList.displayName = 'NumberedList';
NumberedList.isGlyph = true;
export default NumberedList;