import React from 'react';

import { Path, Svg } from 'react-native-svg';

import { IconProps } from './utils/base';

export const Unlock = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
  const color = stroke ?? pathFill ?? fill ?? 'black';

  return (
    <Svg
      fill={'none'}
      height={height ?? size}
      viewBox={'0 0 20 20'}
      width={width ?? size}
      {...rest}
    >
      <Path
        d='M3.875 16.125H16.125V7.625H3.875V16.125ZM17.625 16.25C17.625 17.0094 17.0094 17.625 16.25 17.625H3.75C2.99061 17.625 2.375 17.0094 2.375 16.25V7.5C2.375 6.74061 2.99061 6.125 3.75 6.125H16.25C17.0094 6.125 17.625 6.74061 17.625 7.5V16.25Z'
        fill={color}
      />
      <Path
        d='M10 12.8125C10.5178 12.8125 10.9375 12.3928 10.9375 11.875C10.9375 11.3572 10.5178 10.9375 10 10.9375C9.48223 10.9375 9.0625 11.3572 9.0625 11.875C9.0625 12.3928 9.48223 12.8125 10 12.8125Z'
        fill={color}
      />
      <Path
        d='M6.125 6.875V4.375C6.125 3.34729 6.53306 2.36147 7.25977 1.63477C7.98647 0.908062 8.97229 0.5 10 0.5C11.8574 0.5 13.4973 1.81391 13.8604 3.60059C13.9428 4.0065 13.6803 4.40287 13.2744 4.48535C12.8685 4.56782 12.4721 4.30533 12.3896 3.89941C12.173 2.83297 11.166 2 10 2C9.37011 2 8.76571 2.24991 8.32031 2.69531C7.87491 3.14071 7.625 3.74511 7.625 4.375V6.875C7.625 7.28921 7.28921 7.625 6.875 7.625C6.46079 7.625 6.125 7.28921 6.125 6.875Z'
        fill={color}
      />
    </Svg>
  );
};