import React from 'react';
import { action } from '@storybook/addon-actions';
import { storiesOf } from '@storybook/react';

import { LOCATION_MAP } from '../../../utilities/constants';
import MultiLocations from '../../location-map/__examples__/multiple-locations';
import SingleLocation from '../../location-map/__examples__/single-location';

storiesOf(LOCATION_MAP, module)
	.addDecorator((getStory) => (
		<div className="slds-p-around_medium">{getStory()}</div>
	))
	.add('Multi Locations', () => <MultiLocations action={action} />)
	.add('Multi Locations pre-selected', () => (
		<MultiLocations
			selection={{
				id: '3',
				name: 'salesforce.com inc Bellevue',
				address: '929 108th Ave NE, Bellevue, WA',
			}}
			action={action}
		/>
	))
	.add('Multi locations inside Modal', () => (
		<MultiLocations isModal action={action} />
	))
	.add('Single location inside Modal', () => <SingleLocation />);