import React from 'react';
import { Shape } from '../../common/components/shape';
import { theme } from '../../app/theme';

type TProps = {};

export const Wave: React.FC<TProps> = () => {
  return (
    <>
      <Shape
        name="track-wave"
        gradient={[{ color: theme.colors.mirage }]}
        curveTopHeight={27}
        maxHeight={120}
        data={[
          // photoshop zoom 300%
          { x: 0, y1: 36 },
          { x: 100, y1: 75 },
          { x: 200, y1: 100 },
          { x: 300, y1: 111 },
          { x: 400, y1: 107 },
          { x: 500, y1: 90 },
          { x: 600, y1: 69 },
          { x: 700, y1: 48 },
          { x: 800, y1: 29 },
          { x: 900, y1: 13 },
          { x: 1000, y1: 3 },
          { x: 1100, y1: 0 },
          { x: 1200, y1: 5 },
          { x: 1300, y1: 21 },
          { x: 1400, y1: 52 },
          { x: 1500, y1: 103 },
        ]}
      />
    </>
  );
};