import React from "react";

interface Props {
  color?: string;
}

const ExportIcon: React.FC<Props> = ({ color }) => {
  return (
    <svg
      width="16"
      height="16"
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M3.5 3.5H1.5C0.948 3.5 0.5 3.948 0.5 4.5V14.5C0.5 15.052 0.948 15.5 1.5 15.5H12.5C13.052 15.5 13.5 15.052 13.5 14.5V11.5"
        stroke={color ? color : "#7B8794"}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M11.5 0.5L15.5 4.5L11.5 8.5"
        stroke={color ? color : "#7B8794"}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M15.5 4.5H10.5C8.291 4.5 6.5 6.291 6.5 8.5V10.5"
        stroke={color ? color : "#7B8794"}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};

export default ExportIcon;