import React from 'react';
import { storiesOf } from '@storybook/react';
import PriceNotification from './index';

const mockedPriceData = [
    {
        key: 'Damen Polo Organic, JAMES & NICHOLSON',
        identifier: 'precosts',
        label: 'Damen Polo Organic, JAMES & NICHOLSON',
        selectable: false,
        price: '98,00 €',
    },
    {
        key: 'Vorkosten',
        identifier: 'precosts',
        label: 'Vorkosten',
        selectable: false,
        price: '29,00 €',
    },
    {
        key: 'Werbedruck',
        identifier: 'advertisePrinting',
        label: 'Werbedruck',
        selectable: false,
        price: '42,00 €',
    },
    {
        key: 'Logokosten',
        identifier: 'logisticsCosts',
        label: 'Logokosten',
        selectable: false,
        price: '0,00 €',
    },
    {
        key: 'Korrekturanzug',
        identifier: 'proof',
        label: 'Korrekturabzug',
        selectable: true,
        price: '0,00 €',
    },
    {
        key: 'Korrekturmuster',
        identifier: 'correctionDraft',
        label: 'Korrekturmuster',
        selectable: true,
        price: '0,00 €',
    },
];

storiesOf('PriceNotification', module).add('with icon on the left', () => (
    <PriceNotification
        icon="error"
        color="secondary"
        notification="Noch 25 Artikel bis zur nächsten Mengenstaffel und sparen Sie 17% auf den Artikelpreis."
        priceList={mockedPriceData}
    />
));
