import React from "react";
import PropTypes from "prop-types";
import { withTheme } from "styled-components";
import { getObjectValue } from "../utils/util";
import IconWrapper from "../IconWrapper";

const BusinessManagerIconV2 = props => {
  return (
    <IconWrapper {...props}>
      <svg
        width="24"
        height="24"
        viewBox="0 0 24 24"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M2 10.6045H22V21H2V10.6045ZM17.12 7.74985H6.88V5.37493C6.88 4.06398 7.997 3.00001 9.386 3.00001H14.616C14.9448 2.99901 15.2705 3.05973 15.5746 3.17868C15.8786 3.29763 16.1549 3.47246 16.3875 3.69315C16.6202 3.91383 16.8047 4.176 16.9304 4.46462C17.0561 4.75323 17.1205 5.06259 17.12 5.37493V7.74985Z"
          stroke={getObjectValue(
            props.theme.colors,
            props.iconColor,
            props.theme.colors.grey.deep,
          )}
          strokeWidth="1.66667"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M2 7.73657H22V10.6045H2V7.73657Z"
          stroke={getObjectValue(
            props.theme.colors,
            props.iconColor,
            props.theme.colors.grey.deep,
          )}
          strokeWidth="1.66667"
        />
      </svg>
    </IconWrapper>
  );
};

BusinessManagerIconV2.propTypes = {
  iconColor: PropTypes.string,
};

export default withTheme(BusinessManagerIconV2);
