import React from 'react';
import PropTypes from 'prop-types';
import { withTheme } from '../../styles';

const AirplaneComponent = (props) => {
  const { theme } = props;
  return (
    <svg viewBox="0 0 426.667 426.667" {...props}>
      <path
        style={{ fill: theme.colors.secondary.base }}
        d="M416 298.667V256L245.333 149.333V32c0-17.707-14.293-32-32-32s-32 14.293-32 32v117.333L10.667 256v42.667l170.667-53.333v117.333l-42.667 32v32l74.667-21.333L288 426.667v-32l-42.667-32V245.333L416 298.667z"
      />
    </svg>
  );
};

AirplaneComponent.propTypes = {
  theme: PropTypes.objectOf(Object),
};

AirplaneComponent.defaultProps = {
  theme: {},
};

export default withTheme(AirplaneComponent);