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

const BusComponent = (props) => {
  const { theme } = props;
  return (
    <svg
      {...props}
      height="640pt"
      viewBox="-20 -180 640 640"
      width="640pt"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        style={{ fill: theme.colors.secondary.base }}
        d="m595.5 97.332031-30.898438-68.199219c-11.140624-24.222656-35.34375-39.761718-62.003906-39.800781h-443.296875c-32.738281.035157-59.2656248 26.5625-59.300781 59.304688v148.195312c0 17.949219 14.550781 32.5 32.5 32.5h48.5c4.734375 23.308594 25.21875 40.050781 49 40.050781s44.265625-16.742187 49-40.050781h242c4.734375 23.308594 25.21875 40.050781 49 40.050781s44.265625-16.742187 49-40.050781h53.203125c12.347656-.003906 23.21875-8.148437 26.699219-20 .722656-2.539062 1.089844-5.160156 1.097656-7.796875v-83.5c-.003906-7.144531-1.539062-14.203125-4.5-20.703125zm-545.5 12c-5.523438 0-10-4.476562-10-10v-80c0-5.519531 4.476562-10 10-10h70c5.523438 0 10 4.480469 10 10v80c0 5.523438-4.476562 10-10 10zm80 140c-16.566406 0-30-13.429687-30-30 0-16.566406 13.433594-30 30-30s30 13.433594 30 30c-.046875 16.550781-13.453125 29.953125-30 30zm110-150c0 5.523438-4.476562 10-10 10h-70c-5.523438 0-10-4.476562-10-10v-80c0-5.519531 4.476562-10 10-10h70c5.523438 0 10 4.480469 10 10zm110 0c0 5.523438-4.476562 10-10 10h-70c-5.523438 0-10-4.476562-10-10v-80c0-5.519531 4.476562-10 10-10h70c5.523438 0 10 4.480469 10 10zm30 10c-5.523438 0-10-4.476562-10-10v-80c0-5.519531 4.476562-10 10-10h70c5.523438 0 10 4.480469 10 10v80c0 5.523438-4.476562 10-10 10zm90 140c-16.566406 0-30-13.429687-30-30 0-16.566406 13.433594-30 30-30s30 13.433594 30 30c-.046875 16.550781-13.453125 29.953125-30 30zm19.199219-140c-5.183594-.460937-9.167969-4.792969-9.199219-10v-80.085937c0-5.472656 4.4375-9.914063 9.914062-9.914063h12.683594c18.824219.050781 35.914063 11.011719 43.804688 28.101563l30.898437 68.199218c1.613281 3.554688 2.5 7.398438 2.601563 11.296876zm0 0"
      />
    </svg>
  );
};

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

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

export default withTheme(BusComponent);