import React from 'react';
import { withKnobs, object } from '@storybook/addon-knobs';

import { Map } from '../../src';
import mapNotes from './Map.md';

import { transportation, highlights } from '../../specs/mockData/mapData.mock';

export default {
  title: 'Map',
  component: Map,
  parameters: {
    info: {
      disable: true,
    },
    notes: {
      mapNotes,
    },
  },
  decorators: [withKnobs],
};

const API_KEY = process.env.STORYBOOK_GOOGLE_MAPS_API_KEY;

export const simple = () => {
  return (
    <Map
      apiKey={API_KEY}
      language="en"
      transportation={transportation}
      highlights={highlights}
      settings={object('Settings', { width: [1 / 2], height: '600px' })}
    />
  );
};