import * as React from 'react';
import cx from 'classnames';
import { createSvgIcon } from '../utils/createSvgIcon';
import { iconClassNames } from '../utils/iconClassNames';

export const SpotlightIcon = createSvgIcon({
  svg: ({ classes }) => (
    <svg className={classes.svg} viewBox="8 8 16 16" role="presentation" focusable="false">
      <g className={cx(iconClassNames.outline, classes.outlinePart)}>
        <path d="M20.39,16.8a.48.48,0,0,1,.43.28s.72,1.5.85,1.79l1.89.29a.51.51,0,0,1,.42.5c0,.48-1.17,1.43-1.51,1.77a10.19,10.19,0,0,1,.33,2.05.5.5,0,0,1-.5.51c-.47,0-1.46-.76-1.91-1a6.72,6.72,0,0,1-1.92,1,.52.52,0,0,1-.49-.51,11.82,11.82,0,0,1,.32-2.05c-.34-.34-1.51-1.3-1.51-1.77a.51.51,0,0,1,.41-.5h0l1.89-.29L20,17.09A.47.47,0,0,1,20.39,16.8Z" />
        <path d="M22.31,8A1.73,1.73,0,0,1,24,9.7V16a.6.6,0,0,1-.57.51.57.57,0,0,1-.57-.62V9.72a.59.59,0,0,0-.56-.57H9.7a.59.59,0,0,0-.56.56V20a.59.59,0,0,0,.56.56h1.73V18.3a1.14,1.14,0,0,1,1.12-1.15h2.77a.58.58,0,1,1-.05,1.15h-2.7v2.28h2.75a.58.58,0,0,1,.57.57.59.59,0,0,1-.57.58H9.69A1.72,1.72,0,0,1,8,20V9.7A1.73,1.73,0,0,1,9.69,8Z" />
        <path d="M16,10.3a2.86,2.86,0,1,1-2.86,2.85A2.84,2.84,0,0,1,16,10.3Zm0,1.14a1.72,1.72,0,1,0,1.71,1.71A1.7,1.7,0,0,0,16,11.44Z" />
      </g>
      <g className={cx(iconClassNames.filled, classes.filledPart)}>
        <path d="M11.45,20.55a2.46,2.46,0,0,0,.47,0h3.85a11.15,11.15,0,0,0,.94,1.12.09.09,0,0,1-.05,0H9.71A1.73,1.73,0,0,1,8,20V9.84A1.74,1.74,0,0,1,9.73,8H22.18A1.73,1.73,0,0,1,24,9.81v6c0,.58,0,1.16,0,1.74a1.82,1.82,0,0,1,0,.33c-.45-.09-.94-.11-1.38-.22s-.49-2.19-2.21-2.19a1.72,1.72,0,0,0-1.44.77c-.19.26-.28.58-.44.85H12.65a1.14,1.14,0,0,0-1.22,1.19v2.13A.12.12,0,0,0,11.45,20.55Zm7.4-7.41A2.85,2.85,0,1,0,16,16,2.84,2.84,0,0,0,18.85,13.14Z" />
        <path d="M22.47,21.41a10.37,10.37,0,0,1,.32,2.07.51.51,0,0,1-.49.5,6.71,6.71,0,0,1-1.91-1,6.27,6.27,0,0,1-1.91,1c-.37,0-.5-.28-.5-.6a9.13,9.13,0,0,1,.32-1.95c-.1-.23-1.51-1.2-1.51-1.79a.49.49,0,0,1,.4-.49l1.89-.29s.05-.08.08-.13l.75-1.57A.61.61,0,0,1,20,17a.48.48,0,0,1,.4-.24.51.51,0,0,1,.42.24l.06.14c.25.57.54,1.14.81,1.69.63.12,1.28.16,1.91.3a.5.5,0,0,1,.4.47C24,20.12,22.84,21.07,22.47,21.41Z" />
      </g>
    </svg>
  ),
  displayName: 'SpotlightIcon',
});
