/*********************************************************************
 * © Copyright IBM Corp. 2024
 *********************************************************************/
import React from 'react'
import PropTypes from 'prop-types'
import {IconsGeneralColor} from '@targetprocess/css-variables'

export const AccessCustomIcon = ({color = IconsGeneralColor, outlineColor = 'transparent'}) => (
  <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" style={{display: 'block'}}>
    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <path
        d="M11.34814,4.15773 C11.39429,4.19567 11.44409,4.24327 11.4917,4.3004 C11.84717,4.45804 12.18506,4.72064 12.44336,5.14725 C12.80078,5.73744 12.92969,6.52491 12.92969,7.48197 C12.92969,8.05477 12.73584,8.57159 12.46533,8.99297 C12.81934,9.216 13.1282,9.49114 13.3762,9.83336 C13.835,10.46654 14,11.21167 14,12.00016 L14,13.0002 L3,13.0002 L3,12.00016 C3,11.19659 3.154541,10.44147 3.574463,9.78761 C3.874268,9.32081 4.27588,8.95735 4.75317,8.67271 C4.41797,8.19276 4.17456,7.59406 4.17456,6.92877 C4.17456,5.78517 4.34033,4.8711 4.80176,4.22054 C5.08276,3.78114 5.58154,3.284264 6.48877,3.0933573 C6.80127,3.0275834 7.14575,2.99353577 7.43701,3.00101842 C7.57275,3.00450743 7.7605,3.0180627 7.94482,3.0723615 C8.03223,3.0980909 8.19336,3.153817 8.35181,3.278426 C8.40918,3.323333 8.47241,3.38325 8.53174,3.458075 C8.6709,3.517756 8.80737,3.592149 8.93823,3.68433 C9.06714,3.775168 9.19067,3.88328 9.30566,4.01161 L9.63867,3.946798 C9.71387,3.932162 9.79102,3.919448 9.8689,3.908885 C10.07666,3.880688 10.28906,3.867818 10.479,3.874622 C10.59912,3.878932 10.77539,3.892816 10.9519,3.947796 C11.03613,3.974012 11.19336,4.03125 11.34814,4.15773 Z"
        id="access-custom-icon"
        fill={outlineColor}
      />
      <path
        d="M5.63135,4.779943 C5.79346,4.51798 6.08209,4.200841 6.69476,4.0719352 C7.18536,3.9686638 7.7598,3.9724479 7.7598,4.110265 C7.7598,4.110265 7.75949,4.176794 7.74091,4.265905 C8.52921,4.392736 9.09937,4.914464 9.09937,6.92875 C9.09937,8.06229 7.95795,9.08524 7.13696,9.08524 C6.31598,9.08524 5.17468,8.06229 5.17465,6.92875 C5.17465,5.82352 5.34622,5.16776 5.63135,4.779943 Z"
        fill={color}
        fillRule="nonzero"
      />
      <path
        d="M5.7637,9.28263 C4.521301,9.80314 4,10.64384 4,12.00016 L10.3006,12.00016 C10.3006,10.63834 9.77267,9.79667 8.5184,9.27653 C8.1116,9.5756 7.62619,9.78531 7.13696,9.78531 C6.651,9.78531 6.16879,9.57853 5.7637,9.28263 Z"
        fill={color}
        fillRule="nonzero"
      />
      <path
        d="M10.73627,4.971105 C10.73627,4.852209 10.25687,4.845251 9.82977,4.928381 C10.02191,5.47916 10.09937,6.14762 10.09937,6.92875 C10.09937,7.58951 9.85941,8.18461 9.52765,8.663 C9.86139,8.85978 10.15881,9.09464 10.41092,9.37601 C11.10828,9.21769 11.92969,8.38968 11.92969,7.48197 C11.92969,5.68754 11.42175,5.22257 10.71948,5.10953 C10.73596,5.03031 10.73627,4.971105 10.73627,4.971105 Z"
        fill={color}
        fillRule="nonzero"
      />
      <path
        d="M13,12.00016 L11.3006,12.00016 C11.3006,11.19254 11.14377,10.43436 10.71909,9.77897 C10.70477,9.75687 10.69028,9.73502 10.67551,9.71341 C10.84122,9.65702 11.00345,9.5756 11.15649,9.47648 C12.45834,9.92985 13,10.69816 13,12.00016 Z"
        fill={color}
        fillRule="nonzero"
      />
    </g>
  </svg>
)

AccessCustomIcon.category = 'Permissions'

AccessCustomIcon.propTypes = {
  color: PropTypes.string,
  outlineColor: PropTypes.string
}