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

const FlightTakeOffIcon = props => {
  return (
    <IconWrapper {...props}>
      <svg
        width="24"
        height="24"
        viewBox="0 0 24 24"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g clipPath="url(#clip0_2140_5834)">
          <path
            d="M2.65089 19.7051H21.3886V22H2.65089V19.7051ZM21.9507 8.965C21.7436 8.04705 20.9251 7.49627 20.1361 7.74871L14.8994 9.37808L8.09468 2L6.19133 2.5852L10.2742 10.8124L5.37279 12.3385L3.42998 10.5714L2 11.0189L4.55424 16.171L20.8955 11.0878C21.6943 10.8239 22.1578 9.88296 21.9507 8.965Z"
            fill={getObjectValue(
              props.theme.colors,
              props.iconColor,
              props.theme.colors.grey.deep,
            )}
          />
        </g>
        <defs>
          <clipPath id="clip0_2140_5834">
            <rect width="24" height="24" fill="white" />
          </clipPath>
        </defs>
      </svg>
    </IconWrapper>
  );
};

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

export default withTheme(FlightTakeOffIcon);
