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

export const AccessPrivateIcon = ({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="M5.0079,6.26303 C5.12974,4.44051 6.64665,3 8.5,3 C10.35335,3 11.87026,4.44051 11.9921,6.26303 C12.59426,6.60771 13,7.2565 13,8 L13,11 C13,12.10451 12.10458,13 11,13 L6,13 C4.895419,13 4,12.10451 4,11 L4,8 C4,7.2565 4.40574,6.60771 5.0079,6.26303 Z"
        fill={outlineColor}
      />
      <path
        d="M11,7 C11.55228,7 12,7.44775 12,8 L12,11 C12,11.55225 11.55228,12 11,12 L6,12 C5.447723,12 5,11.55225 5,11 L5,8 C5,7.44775 5.447723,7 6,7 L6,6.5 C6,5.11926 7.11929,4 8.5,4 C9.88071,4 11,5.11926 11,6.5 L11,7 Z M10,6.5 L10,7 L7,7 L7,6.5 C7,5.67163 7.67157,5 8.5,5 C9.32843,5 10,5.67163 10,6.5 Z"
        fill={color}
      />
    </g>
  </svg>
)

AccessPrivateIcon.category = 'Permissions'

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