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

export const Wave: React.FC = () => {
  return (
    <>
      <Shape
        name="track-wave"
        gradient={[{ color: theme.colors.mirage }]}
        curveTopHeight={60}
        maxHeight={150}
        data={[
          // photoshop zoom 300%
          { x: 0, y1: 149 },
          { x: 100, y1: 67 },
          { x: 200, y1: 17 },
          { x: 300, y1: 0 },
          { x: 400, y1: 9 },
          { x: 500, y1: 44 },
          { x: 600, y1: 99 },
          { x: 700, y1: 171 },
          { x: 800, y1: 252 },
          { x: 900, y1: 317 },
          { x: 1000, y1: 354 },
          { x: 1100, y1: 365 },
          { x: 1200, y1: 354 },
          { x: 1300, y1: 321 },
          { x: 1400, y1: 269 },
          { x: 1500, y1: 195 },
        ]}
      />
    </>
  );
};