import React from 'react';
import Svg, { Path } from "react-native-svg";

const TopChargeBackground = ({width=153, height=164, color=colorPrimary}) => (
  <Svg width={width} height={height} viewBox="0 0 153 164">
    <Path
      fill={color}
      fillOpacity="0.14"
      d="M155.596 72.8876H147.126V36.4438H155.591V9.11238H172.53V36.4438H181V72.8876H172.53V136.663C172.53 143.912 169.853 150.865 165.089 155.991C160.324 161.117 153.862 163.997 147.124 163.997C140.385 163.997 133.923 161.117 129.158 155.991C124.394 150.865 121.717 143.912 121.717 136.663V100.219H104.783V145.781H115.624V164H0V145.77H11.6313V9.11238C11.6313 4.08171 15.4199 0 20.0958 0H96.313C100.989 0 104.783 4.08171 104.783 9.11238V82H121.722C126.214 82.0015 130.521 83.9223 133.697 87.3399C136.873 90.7576 138.657 95.3923 138.657 100.225V136.669C138.657 139.085 139.549 141.403 141.137 143.112C142.726 144.821 144.88 145.781 147.126 145.781C149.373 145.781 151.527 144.821 153.115 143.112C154.704 141.403 155.596 139.085 155.596 136.669V72.8819V72.8876ZM62.4393 72.8876V36.4438L28.5655 91.1181H53.9748V127.562L87.8432 72.8933H62.4446L62.4393 72.8876Z"
    />
  </Svg>
);

export default TopChargeBackground;