import React from 'react';
import { Shape } from '../../common/components/shape';
import { theme } from '../../app/theme';
import { TProps } from './view-no-chart-tracks';

export const Wave1Bottom: React.FC<TProps> = () => {
  return (
    <>
      <Shape
        name="wave1-bottom"
        gradient={[{ color: theme.colors.mirage }]}
        curveBottomHeight={90}
        maxHeight={300}
        data={[
          // photoshop zoom 300%
          { x: 0, y1: 0, y2: 0 },
          { x: 100, y1: 0, y2: 44 },
          { x: 200, y1: 0, y2: 74 },
          { x: 300, y1: 0, y2: 92 },
          { x: 400, y1: 0, y2: 96 },
          { x: 500, y1: 0, y2: 101 },
          { x: 600, y1: 0, y2: 112 },
          { x: 700, y1: 0, y2: 132 },
          { x: 800, y1: 0, y2: 162 },
          { x: 900, y1: 0, y2: 206 },
          { x: 1000, y1: 0, y2: 263 },
          { x: 1100, y1: 0, y2: 335 },
          { x: 1200, y1: 0, y2: 417 },
          { x: 1300, y1: 0, y2: 493 },
          { x: 1400, y1: 0, y2: 536 },
          { x: 1500, y1: 0, y2: 544 },
        ]}
      />
    </>
  );
};