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

import { TableView } from '../src';

export default {
  title: 'TableView',
  component: TableView,
};

const Template = (args) => <TableView {...args} />;

export const Empty = Template.bind({});
Empty.args = {
  columns: [],
  data: [],
};

export const EmptyState = Template.bind({});
EmptyState.args = {
  columns: [
    {
      id: 0,
      name: 'Nom',
      type: 'string',
      propertyKey: 'name',
      filterType: 'string',
    },
    {
      id: 1,
      name: 'Prix',
      type: 'currency',
      propertyKey: 'price',
      tooltipText: 'ceci est un test',
      filterType: 'numeric',
    },
    {
      id: 2,
      name: 'TVA',
      type: 'numeric',
      propertyKey: 'vatRate',
      filterType: 'numeric',
    },
    {
      id: 3,
      name: '%Marge.',
      type: 'percentage',
      propertyKey: 'margin',
      filterType: 'numeric',
    },
  ],
  data: [],
};

export const Primary = Template.bind({});
Primary.argTypes = {
  displayColumnsFilters: {
    control: false,
  },
};
Primary.args = {
  columns: [
    {
      id: 0,
      name: 'Nom',
      type: 'string',
      propertyKey: 'name',
      filterType: 'string',
    },
    {
      id: 1,
      name: 'Prix',
      type: 'currency',
      propertyKey: 'price',
      tooltipText: 'ceci est un test',
      filterType: 'numeric',
    },
    {
      id: 2,
      name: 'TVA',
      type: 'numeric',
      propertyKey: 'vatRate',
      filterType: 'numeric',
    },
    {
      id: 3,
      name: '%Marge.',
      type: 'percentage',
      propertyKey: 'margin',
      filterType: 'numeric',
    },
  ],
  data: [
    {
      id: '20ba6e90-7aaa-11eb',
      name: 'Poke Thon Saumon 🍃',
      price: 15.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '211f23d0-7aaa-11eb',
      name: 'Pain aux raisins*',
      price: 1.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '2145e5b0-7aaa-11eb',
      name: 'Green power bowl PETIT',
      price: 4.9,
      vatRate: 10,
      margin: 49.4,
    },
    {
      id: '217951c0-7aaa-11eb',
      name: 'Strawberry bowl GRAND',
      price: 7.9,
      vatRate: 10,
      margin: 79.7,
    },
    {
      id: '21a8c630-7aaa-11eb',
      name: 'Chocolate bowl GRAND',
      price: 7.9,
      vatRate: 10,
      margin: 79.7,
    },
    {
      id: '21e050f0-7aaa-11eb',
      name: 'Sushi mahi mahi truffe',
      price: 5.9,
      vatRate: 10,
      margin: 59.5,
    },
    {
      id: '220df0a0-7aaa-11eb',
      name: 'Green power bowl GRAND',
      price: 7.9,
      vatRate: 10,
      margin: 79.7,
    },
    {
      id: '22394660-7aaa-11eb',
      name: 'Pain au chocolat*',
      price: 1.8,
      vatRate: 10,
      margin: 18.1,
    },
    {
      id: '2262c760-7aaa-11eb',
      name: 'Café double expresso*',
      price: 3.2,
      vatRate: 10,
      margin: 32.3,
    },
    {
      id: '22dbef00-7aaa-11eb',
      name: 'Samba Truffe',
      price: 11.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '230b1550-7aaa-11eb',
      name: 'Strawberry bowl PETIT',
      price: 4.9,
      vatRate: 10,
      margin: 49.4,
    },
    {
      id: '2334bd60-7aaa-11eb',
      name: 'Couverts',
      price: 0,
      vatRate: 10,
      margin: 0,
    },
    {
      id: '2360fd80-7aaa-11eb',
      name: 'Riz Vinaigré',
      price: 2.8,
      vatRate: 10,
      margin: 28.2,
    },
    {
      id: '23bd2740-7aaa-11eb',
      name: 'Sashimi DUO 6 pièces',
      price: 7.1,
      vatRate: 10,
      margin: 71.7,
    },
    {
      id: '23e76b90-7aaa-11eb',
      name: 'Assortiment Sashimi + 1 riz',
      price: 19.3,
      vatRate: 10,
      margin: 13.1,
    },
    {
      id: '2413abb0-7aaa-11eb',
      name: 'Sushi Saumon Nikkei',
      price: 4.9,
      vatRate: 10,
      margin: 49.4,
    },
    {
      id: '24414b60-7aaa-11eb',
      name: 'Sushi Thon Nikkei',
      price: 5.2,
      vatRate: 10,
      margin: 52.5,
    },
    {
      id: '2468f7a0-7aaa-11eb',
      name: 'Sushi Saumon',
      price: 3.9,
      vatRate: 10,
      margin: 39.3,
    },
    {
      id: '24942650-7aaa-11eb',
      name: 'Broadway tempura',
      price: 9.9,
      vatRate: 10,
      margin: 90.9,
    },
    {
      id: '24bc6ed0-7aaa-11eb',
      name: 'Samba Tuna',
      price: 10.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '24e5c8c0-7aaa-11eb',
      name: 'Samba Mango',
      price: 10.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '250f97e0-7aaa-11eb',
      name: 'Ceviche Mahi Mahi + 1 riz',
      price: 15.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '253aeda0-7aaa-11eb',
      name: 'Poke boeuf',
      price: 15.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '256e80c0-7aaa-11eb',
      name: 'Quinoa Poulet',
      price: 15.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '2639c000-7aaa-11eb',
      name: 'Lunch Salade de Quinoa',
      price: 9.9,
      vatRate: 10,
      margin: 90.9,
    },
    {
      id: '269637e0-7aaa-11eb',
      name: 'LUNCH Donburi Chicken Grilled',
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '2734e8e0-7aaa-11eb',
      name: 'Street Roll',
      price: 9.9,
      vatRate: 10,
      margin: 90.9,
    },
    {
      id: '27589d80-7aaa-11eb',
      name: 'Samba Pop',
      price: 8.9,
      vatRate: 10,
      margin: 89.8,
    },
    {
      id: '27837e10-7aaa-11eb',
      name: 'Pop Box',
      price: 44,
      vatRate: 10,
      margin: 4.4,
    },
    {
      id: '27a69670-7aaa-11eb',
      name: 'Sake Junmai Ginjo',
      price: 18,
      vatRate: 20,
      margin: 1.1,
    },
    {
      id: '27d101d0-7aaa-11eb',
      name: 'Eau Vai Vai',
      price: 3.5,
      vatRate: 10,
      margin: 35.3,
    },
    {
      id: '28046de0-7aaa-11eb',
      name: 'Charitea Mate',
      price: 3.7,
      vatRate: 5.5,
      margin: 37.3,
    },
    {
      id: '2843c0d0-7aaa-11eb',
      name: 'Charitea Red 33 cl',
      price: 3.7,
      vatRate: 10,
      margin: 37.3,
    },
    {
      id: '287b99b0-7aaa-11eb',
      name: 'Evian Fruits et Plantes Citron & Fleur de Sureau',
      price: 3.2,
      vatRate: 10,
      margin: 32.3,
    },
    {
      id: '28dfd9c0-7aaa-11eb',
      name: 'Evian Fruits et Plantes Raisin & Rose',
      price: 3.2,
      vatRate: 10,
      margin: 32.3,
    },
    {
      id: '290a6c30-7aaa-11eb',
      name: 'Charitea x Lemonaid',
      price: 3.7,
      vatRate: 5.5,
      margin: 37.3,
    },
    {
      id: '2935c1f0-7aaa-11eb',
      name: "Jus d'orange*",
      price: 3.1,
      vatRate: 10,
      margin: 31.3,
    },
    {
      id: '295d9540-7aaa-11eb',
      name: 'Volvic Juicy Fraise',
      price: 2.5,
      vatRate: 10,
      margin: 25.2,
    },
    {
      id: '299917a0-7aaa-11eb',
      name: 'Poke Veggie 🍃',
      price: 12.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '29beef20-7aaa-11eb',
      name: 'Thé vert',
      price: 2.5,
      vatRate: 10,
      margin: 25.2,
    },
    {
      id: '29f0fba0-7aaa-11eb',
      name: 'Wasabi',
      price: 0.5,
      vatRate: 20,
      margin: 5.0,
    },
    {
      id: '2a21a890-7aaa-11eb',
      name: 'Tataki Thon + 1 riz',
      price: 17.5,
      vatRate: 10,
      margin: 15.1,
    },
    {
      id: '2a50cee0-7aaa-11eb',
      name: 'Tataki Saumon + 1 Riz',
      price: 15.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '2a8413e0-7aaa-11eb',
      name: 'Gingembre',
      price: 0.5,
      vatRate: 20,
      margin: 5.0,
    },
    {
      id: '2ab50ef0-7aaa-11eb',
      name: 'Evian',
      price: 2.2,
      vatRate: 10,
      margin: 22.2,
    },
    {
      id: '2ae3e720-7aaa-11eb',
      name: 'Badoit',
      price: 2.3,
      vatRate: 10,
      margin: 23.2,
    },
    {
      id: '2b6217d0-7aaa-11eb',
      name: 'Nuggets de Poulet Japonais',
      price: 6.2,
      vatRate: 10,
      margin: 62.6,
    },
    {
      id: '2bca0160-7aaa-11eb',
      name: 'Ceviche Thon',
      price: 15.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '2bfad560-7aaa-11eb',
      name: 'Cacahuètes grillées',
      price: 3.2,
      vatRate: 10,
      margin: 32.3,
    },
    {
      id: '2c2a97f0-7aaa-11eb',
      name: 'Sake Tokubetsu Junmai',
      price: 5.2,
      vatRate: 20,
      margin: 52.5,
    },
    {
      id: '2c61d490-7aaa-11eb',
      name: 'Pain suisse*',
      price: 2.4,
      vatRate: 10,
      margin: 24.2,
    },
    {
      id: '2c90d3d0-7aaa-11eb',
      name: 'Croissant*',
      price: 1.7,
      vatRate: 10,
      margin: 17.1,
    },
    {
      id: '2cc83780-7aaa-11eb',
      name: 'Tiradito Truffe + 1 riz',
      price: 15.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '2cf90b80-7aaa-11eb',
      name: 'Chocolate bowl PETIT',
      price: 4.9,
      vatRate: 10,
      margin: 49.4,
    },
    {
      id: '2eee99f0-7aaa-11eb',
      name: 'Açai Bowl',
      price: 8.7,
      vatRate: 10,
      margin: 87.8,
    },
    {
      id: '2f1cfcf0-7aaa-11eb',
      name: 'Açai Bowl PETIT',
      price: 9.5,
      vatRate: 10,
      margin: 95.9,
    },
    {
      id: '302210e0-7aaa-11eb',
      name: 'Café expresso*',
      price: 2.2,
      vatRate: 10,
      margin: 22.2,
    },
    {
      id: '30954510-7aaa-11eb',
      name: 'Ceviche Saumon',
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '3366dba0-7aaa-11eb',
      name: 'Tataki Bœuf + 1 riz',
      price: 15.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '3391bc30-7aaa-11eb',
      name: 'Charitea black 33 cl',
      price: 4.2,
      vatRate: 10,
      margin: 42.4,
    },
    {
      id: '34fb3740-7aaa-11eb',
      name: 'Samba sun',
      price: 8.9,
      vatRate: 10,
      margin: 89.8,
    },
    {
      id: '35309f20-7aaa-11eb',
      name: 'Sushi Crispy',
      price: 6.9,
      vatRate: 10,
      margin: 69.6,
    },
    {
      id: '359ddfe0-7aaa-11eb',
      name: 'Fondant Cheese flambé',
      price: 7.3,
      vatRate: 10,
      margin: 73.7,
    },
    {
      id: '35d1c120-7aaa-11eb',
      name: 'Orangina',
      price: 2.8,
      vatRate: 10,
      margin: 28.2,
    },
    {
      id: '360b6ec0-7aaa-11eb',
      name: 'Coca Cola Light',
      price: 2.8,
      vatRate: 5.5,
      margin: 28.2,
    },
    {
      id: '365018e0-7aaa-11eb',
      name: 'Donburi beef',
      price: 16.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '36949bf0-7aaa-11eb',
      name: 'Yakitori Chicken Barbecue',
      price: 5.2,
      vatRate: 20,
      margin: 52.5,
    },
    {
      id: '36d2b660-7aaa-11eb',
      name: 'Tiradito Mix',
      price: 13.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '370b2b80-7aaa-11eb',
      name: 'Salade de Quinoa',
      price: 9.9,
      vatRate: 10,
      margin: 90.9,
    },
    {
      id: '3758fd60-7aaa-11eb',
      name: 'Ebi Fry',
      price: 6.5,
      vatRate: 10,
      margin: 65.6,
    },
    {
      id: '3792ab00-7aaa-11eb',
      name: 'Sashimi Saumon 6 pièces',
      price: 6.9,
      vatRate: 10,
      margin: 69.6,
    },
    {
      id: '37d22500-7aaa-11eb',
      name: 'Tiradito Mahi Mahi',
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '380765d0-7aaa-11eb',
      name: 'Mochi Citron Yuzu glacé X2',
      price: 5.7,
      vatRate: 20,
      margin: 57.5,
    },
    {
      id: '38374f70-7aaa-11eb',
      name: 'Mochi Citron Yuzu glacé - 2 pièces',
      price: 4.9,
      vatRate: 10,
      margin: 49.4,
    },
    {
      id: '389af340-7aaa-11eb',
      name: 'Poke Mahi Mahi',
      price: 16.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '38deda10-7aaa-11eb',
      name: 'Yakitori Chicken Balls',
      price: 5.2,
      vatRate: 20,
      margin: 52.5,
    },
    {
      id: '397b8f40-7aaa-11eb',
      name: 'Donburi Chicken Grilled Plateformes',
      price: 16.1,
      vatRate: 10,
      margin: 11.1,
    },
    {
      id: '39a5faa0-7aaa-11eb',
      name: 'Côté Veggie',
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '39d8ca70-7aaa-11eb',
      name: 'Sauce sucrée offerte',
      price: 0,
      vatRate: 10,
      margin: 0.0,
    },
    {
      id: '3a1202e0-7aaa-11eb',
      name: 'Fuze Tea citron vert & menthe',
      price: 2.8,
      vatRate: 10,
      margin: 28.2,
    },
    {
      id: '3a9b7e30-7aaa-11eb',
      name: 'Poke Thon Saumon',
      price: 15.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '3b0626e0-7aaa-11eb',
      name: 'Tiradito Maracuja',
      price: 13.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '3bb097b0-7aaa-11eb',
      name: 'Soupe Miso',
      price: 2.9,
      vatRate: 10,
      margin: 29.2,
    },
    {
      id: '3c0b3ad0-7aaa-11eb',
      name: 'Sashimi saumon 12 pces WN',
      price: 15.9,
      vatRate: 5.5,
      margin: 19.1,
    },
    {
      id: '3c584960-7aaa-11eb',
      name: 'Samba Lima',
      price: 8.9,
      vatRate: 10,
      margin: 89.8,
    },
    {
      id: '3cdae6e0-7aaa-11eb',
      name: 'Sashimi Thon Albacore 12 pièces + 1 riz',
      price: 14.2,
      vatRate: 10,
      margin: 12.1,
    },
    {
      id: '3d0d6890-7aaa-11eb',
      name: 'Fuzetea Pêche',
      price: 2.8,
      vatRate: 5.5,
      margin: 28.2,
    },
    {
      id: '3d40ad90-7aaa-11eb',
      name: 'Riz salsa',
      price: 3.9,
      vatRate: 10,
      margin: 39.3,
    },
    {
      id: '3d70be40-7aaa-11eb',
      name: 'Choux citron yuzu',
      price: 5.1,
      vatRate: 10,
      margin: 51.5,
    },
    {
      id: '3ddfacb0-7aaa-11eb',
      name: 'Fuze Tea mangue',
      price: 2.5,
      vatRate: 10,
      margin: 25.2,
    },
    {
      id: '3eff7490-7aaa-11eb',
      name: 'Mochi mangue glacé x2',
      price: 5.4,
      vatRate: 20,
      margin: 54.5,
    },
    {
      id: '3f898c20-7aaa-11eb',
      name: 'Gyoza Poulet',
      price: 4.6,
      vatRate: 10,
      margin: 46.4,
    },
    {
      id: '3fc50e80-7aaa-11eb',
      name: 'Ceviche verano',
      price: 13.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '40ade7e0-7aaa-11eb',
      name: 'Asahi 35 cl',
      price: 3.5,
      vatRate: 20,
      margin: 35.3,
    },
    {
      id: '4117a630-7aaa-11eb',
      name: 'Mochi choco coco glacé - 2 pièces',
      price: 4.9,
      vatRate: 10,
      margin: 49.4,
    },
    {
      id: '419adff0-7aaa-11eb',
      name: 'Detox bowl',
      price: 13.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '41cdfde0-7aaa-11eb',
      name: 'Coca Cola',
      price: 0,
      vatRate: 10,
      margin: 0.0,
    },
    {
      id: '42136b50-7aaa-11eb',
      name: 'Sushi Mahi Mahi',
      price: 4.5,
      vatRate: 20,
      margin: 45.4,
    },
    {
      id: '42463b20-7aaa-11eb',
      name: 'Samba Mara x8',
      price: 8.9,
      vatRate: 10,
      margin: 89.8,
    },
    {
      id: '427e1400-7aaa-11eb',
      name: 'Mochi thé vert glacé - 2 pièces',
      price: 5.3,
      vatRate: 10,
      margin: 53.5,
    },
    {
      id: '42be2a40-7aaa-11eb',
      name: 'Yakitori Beef Cheese',
      price: 5.5,
      vatRate: 20,
      margin: 55.5,
    },
    {
      id: '4377b640-7aaa-11eb',
      name: 'Yakitori Saumon Nikkei',
      price: 5.5,
      vatRate: 20,
      margin: 55.5,
    },
    {
      id: '43b66cf0-7aaa-11eb',
      name: 'Sauce salée 15cl',
      price: 4.5,
      vatRate: 10,
      margin: 45.4,
    },
    {
      id: '43ea4e30-7aaa-11eb',
      name: 'Riz nature',
      price: 2.5,
      vatRate: 20,
      margin: 25.2,
    },
    {
      id: '44c767c0-7aaa-11eb',
      name: 'Sashimi Thon Albacore 6 pièces',
      price: 7.2,
      vatRate: 10,
      margin: 72.7,
    },
    {
      id: '453767a0-7aaa-11eb',
      name: 'Sashimi duo 12 pces WN',
      price: 17.4,
      vatRate: 5.5,
      margin: 14.1,
    },
    {
      id: '45679f60-7aaa-11eb',
      name: 'Quinoa Salmon',
      price: 15.9,
      vatRate: 20,
      margin: 19.1,
    },
    {
      id: '45d889a0-7aaa-11eb',
      name: 'Coca Cola Zero',
      price: 0,
      vatRate: 10,
      margin: 0.0,
    },
    {
      id: '4612fa90-7aaa-11eb',
      name: 'Bière Altiplano',
      price: 5.5,
      vatRate: 20,
      margin: 55.5,
    },
    {
      id: '46409a40-7aaa-11eb',
      name: 'Asahi 33 cl Plateformes',
      price: 3.5,
      vatRate: 20,
      margin: 35.3,
    },
    {
      id: '4667d150-7aaa-11eb',
      name: 'Asahi 50 cl Plateformes',
      price: 5.1,
      vatRate: 20,
      margin: 51.5,
    },
    {
      id: '4698cc60-7aaa-11eb',
      name: 'Poke Mahi Mahi 🍃',
      price: 16.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '46bb2170-7aaa-11eb',
      name: 'Poke saumon DEJBOX',
      price: 5.8,
      vatRate: 5.5,
      margin: 58.5,
    },
    {
      id: '470ff830-7aaa-11eb',
      name: 'Poke Volaille DEJBOX',
      price: 5.8,
      vatRate: 5.5,
      margin: 58.5,
    },
    {
      id: '473385c0-7aaa-11eb',
      name: 'Poke Veggie DEJBOX',
      price: 5.8,
      vatRate: 5.5,
      margin: 58.5,
    },
    {
      id: '4762fa30-7aaa-11eb',
      name: 'Poke saumon 🍃',
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '478c7b30-7aaa-11eb',
      name: 'Donburi Saumon DEJBOX',
      price: 6.12,
      vatRate: 5.5,
      margin: 61.6,
    },
    {
      id: '47b5fc30-7aaa-11eb',
      name: 'Poke Poulet 🍃',
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '47d718c0-7aaa-11eb',
      name: 'Donburi Chicken grilled DEJBOX',
      price: 6.12,
      vatRate: 5.5,
      margin: 61.6,
    },
    {
      id: '48026e80-7aaa-11eb',
      name: "Donburi Chicken Ball's DEJBOX",
      price: 6.12,
      vatRate: 5.5,
      margin: 61.6,
    },
    {
      id: '4871f930-7aaa-11eb',
      name: 'Badoit',
      price: 2.5,
      vatRate: 10,
      margin: 25.2,
    },
    {
      id: '489315c0-7aaa-11eb',
      name: 'Evian',
      price: 2.5,
      vatRate: 10,
      margin: 25.2,
    },
    {
      id: '48ba4cd0-7aaa-11eb',
      name: 'Supplément Wakame (30g)',
      price: 1.5,
      vatRate: 10,
      margin: 15.1,
    },
    {
      id: '48de9db0-7aaa-11eb',
      name: 'Supplément Tofu (30g)',
      price: 1.5,
      vatRate: 10,
      margin: 15.1,
    },
    {
      id: '4912a600-7aaa-11eb',
      name: 'Supplément Thon (30g)',
      price: 3.5,
      vatRate: 10,
      margin: 35.3,
    },
    {
      id: '494527b0-7aaa-11eb',
      name: 'Supplément Saumon + Thon',
      price: 3.5,
      vatRate: 10,
      margin: 35.3,
    },
    {
      id: '49c79e20-7aaa-11eb',
      name: 'Supplément Saumon (30g)',
      price: 2.5,
      vatRate: 10,
      margin: 25.2,
    },
    {
      id: '49e81e70-7aaa-11eb',
      name: 'Supplément Poulet (30g)',
      price: 2,
      vatRate: 10,
      margin: 0.22,
    },
    {
      id: '4a0d59b0-7aaa-11eb',
      name: 'Supplément Mangue (30g)',
      price: 1.5,
      vatRate: 10,
      margin: 15.1,
    },
    {
      id: '4a333130-7aaa-11eb',
      name: 'Supplément Edamame (30g)',
      price: 1.5,
      vatRate: 10,
      margin: 15.1,
    },
    {
      id: '4a5e38d0-7aaa-11eb',
      name: 'Supplément Coleslaw (30g)',
      price: 1.5,
      vatRate: 10,
      margin: 15.1,
    },
    {
      id: '4a848580-7aaa-11eb',
      name: 'Supplément Choux Rouge (30g)',
      price: 1.5,
      vatRate: 10,
      margin: 15.1,
    },
    {
      id: '4aa972a0-7aaa-11eb',
      name: 'Supplément Avocat (30g)',
      price: 1.5,
      vatRate: 10,
      margin: 15.1,
    },
    {
      id: '4adeda80-7aaa-11eb',
      name: 'Super Poke',
      price: 10.9,
      vatRate: 5.5,
      margin: 19.1,
    },
    {
      id: '4b0c0500-7aaa-11eb',
      name: 'Green Poke',
      price: 8.9,
      vatRate: 5.5,
      margin: 89.8,
    },
    {
      id: '4b338a30-7aaa-11eb',
      name: 'Fresh Poke',
      price: 11.9,
      vatRate: 5.5,
      margin: 19.1,
    },
    {
      id: '4b64d360-7aaa-11eb',
      name: 'Verre de vin rosé',
      price: 4,
      vatRate: 20,
      margin: 0.44,
    },
    {
      id: '4b8e5460-7aaa-11eb',
      name: 'Verre de vin blanc',
      price: 4,
      vatRate: 20,
      margin: 0.44,
    },
    {
      id: '4bb3ddc0-7aaa-11eb',
      name: 'Verre de vin',
      price: 4,
      vatRate: 20,
      margin: 0.44,
    },
    {
      id: '4bdd37b0-7aaa-11eb',
      name: 'Café Gourmand',
      price: 5.1,
      vatRate: 10,
      margin: 51.5,
    },
    {
      id: '81c82360-b9e7-11e9',
      name: 'Burning Poke',
      price: 10.9,
      vatRate: 5.5,
      margin: 19.1,
    },
    {
      id: '81c8293c-b9e7-11e9',
      name: 'Feel Good Poke',
      price: 10.9,
      vatRate: 5.5,
      margin: 19.1,
    },
    {
      id: '81cef0e6-b9e7-11e9',
      name: 'Sushi Thon',
      price: 4.5,
      vatRate: 10,
      margin: 45.4,
    },
    {
      id: '97b532ea-aa54-11ea',
      name: 'Côté Veggie',
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '97b53b64-aa54-11ea',
      name: 'Poke Veggie',
      price: 12.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '97b544ba-aa54-11ea',
      name: 'Gyoza Veggie',
      price: 4.9,
      vatRate: 20,
      margin: 49.4,
    },
    {
      id: '97b58916-aa54-11ea',
      name: 'Lunch Poke Veggie',
      price: 12.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '97b5a950-aa54-11ea',
      name: 'Guacamole et fleur de lotus',
      price: 4.5,
      vatRate: 10,
      margin: 45.4,
    },
    {
      id: '97b5b184-aa54-11ea',
      name: 'Roulé au matcha',
      price: 4.9,
      vatRate: 10,
      margin: 49.4,
    },
    {
      id: '97b5cc8c-aa54-11ea',
      name: 'California Veggie',
      price: 5.2,
      vatRate: 20,
      margin: 52.5,
    },
    {
      id: '97b5d59c-aa54-11ea',
      name: 'Poke Poulet',
      price: 14.9,
      vatRate: 20,
      margin: 19.1,
    },
    {
      id: '97b62808-aa54-11ea',
      name: 'Côté Mix',
      price: 16.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '97b63b9a-aa54-11ea',
      name: 'Sushi Mahi Mahi Nikkei',
      price: 5.5,
      vatRate: 10,
      margin: 55.5,
    },
    {
      id: '97b65c06-aa54-11ea',
      name: 'Yakitori Bœuf Champignon',
      price: 6.2,
      vatRate: 10,
      margin: 62.6,
    },
    {
      id: '9dd05c3e-6696-11e9',
      name: 'Salade de choux',
      price: 2.9,
      vatRate: 10,
      margin: 29.2,
    },
    {
      id: '9dd5068a-6696-11e9',
      name: 'Salade Wakame',
      price: 4.5,
      vatRate: 10,
      margin: 45.4,
    },
    {
      id: '9dd5617a-6696-11e9',
      name: 'Côté Cali Maki',
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '9dd56c60-6696-11e9',
      name: 'Twin Box',
      price: 39.9,
      vatRate: 10,
      margin: 39.3,
    },
    {
      id: '9dd57ad4-6696-11e9',
      name: "Donburi Chicken Ball's",
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '9dd5b63e-6696-11e9',
      name: 'Samba Acho',
      price: 8.9,
      vatRate: 10,
      margin: 89.8,
    },
    {
      id: '9dd5e7bc-6696-11e9',
      name: 'Lunch chirashi Tartare de Saumon',
      price: 11.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '9dd5f856-6696-11e9',
      name: 'Poke saumon',
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '9dd69efa-6696-11e9',
      name: 'Maki saumon',
      price: 4.7,
      vatRate: 10,
      margin: 47.4,
    },
    {
      id: '9dd6a5b2-6696-11e9',
      name: 'Maki Avocat Cheese',
      price: 4.5,
      vatRate: 20,
      margin: 45.4,
    },
    {
      id: '9dd6b458-6696-11e9',
      name: 'Edamame',
      price: 3.9,
      vatRate: 10,
      margin: 39.3,
    },
    {
      id: '9dd7465c-6696-11e9',
      name: 'Donburi Salmon',
      price: 15.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '9dd74f08-6696-11e9',
      name: 'Chirashi Saumon',
      price: 15.5,
      vatRate: 10,
      margin: 15.1,
    },
    {
      id: '9dd75778-6696-11e9',
      name: 'Chirashi Tartare de Saumon',
      price: 15.2,
      vatRate: 10,
      margin: 12.1,
    },
    {
      id: '9dd75fca-6696-11e9',
      name: 'Coupe de mangue',
      price: 4.5,
      vatRate: 20,
      margin: 45.4,
    },
    {
      id: '9dd766fa-6696-11e9',
      name: "Coupe d'ananas frais",
      price: 3.9,
      vatRate: 20,
      margin: 39.3,
    },
    {
      id: '9dd7ca46-6696-11e9',
      name: 'Nikkei Box',
      price: 46,
      vatRate: 10,
      margin: 4.4,
    },
    {
      id: '9dd7e24c-6696-11e9',
      name: 'Chirashi Nikkei',
      price: 16.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '9dd837b0-6696-11e9',
      name: 'Lunch Salmon',
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '9dd86faa-6696-11e9',
      name: 'Lunch Classic',
      price: 12.6,
      vatRate: 10,
      margin: 16.1,
    },
    {
      id: '9dd8d8f0-6696-11e9',
      name: "Roll'in Box",
      price: 69,
      vatRate: 10,
      margin: 6.6,
    },
    {
      id: '9dd8f25e-6696-11e9',
      name: 'Donburi Chicken Grilled',
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '9dd900fa-6696-11e9',
      name: 'Cebolla Dream',
      price: 14.9,
      vatRate: 20,
      margin: 19.1,
    },
    {
      id: '9dd9a21c-6696-11e9',
      name: 'Lunch California',
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '9dd9cd14-6696-11e9',
      name: 'Crispy Cheese',
      price: 7.5,
      vatRate: 10,
      margin: 75.7,
    },
    {
      id: '9dd9e844-6696-11e9',
      name: 'CheeseCake',
      price: 5,
      vatRate: 10,
      margin: 0.55,
    },
    {
      id: '9dda73fe-6696-11e9',
      name: 'Salmon Dream',
      price: 15.9,
      vatRate: 20,
      margin: 19.1,
    },
    {
      id: '9dda7c82-6696-11e9',
      name: 'Garden crevette',
      price: 6.9,
      vatRate: 20,
      margin: 69.6,
    },
    {
      id: '9ddb8e7e-6696-11e9',
      name: 'Crispy Saumon',
      price: 7.5,
      vatRate: 10,
      margin: 75.7,
    },
    {
      id: '9ddbad3c-6696-11e9',
      name: 'Garden Saumon',
      price: 6.5,
      vatRate: 20,
      margin: 65.6,
    },
    {
      id: '9ddbb5d4-6696-11e9',
      name: 'Côté California',
      price: 17.5,
      vatRate: 10,
      margin: 15.1,
    },
    {
      id: '9ddc4288-6696-11e9',
      name: 'Lunch Poke saumon',
      price: 14.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '9ddd33be-6696-11e9',
      name: 'Garden Veggie',
      price: 5.5,
      vatRate: 10,
      margin: 55.5,
    },
    {
      id: '9ddd49bc-6696-11e9',
      name: 'Crispy Thon Cuit',
      price: 7.5,
      vatRate: 10,
      margin: 75.7,
    },
    {
      id: '9ddde778-6696-11e9',
      name: 'Rainbow Roll',
      price: 17.5,
      vatRate: 10,
      margin: 15.1,
    },
    {
      id: '9dde0a6e-6696-11e9',
      name: 'California Saumon Avocat',
      price: 5.5,
      vatRate: 20,
      margin: 55.5,
    },
    {
      id: '9dde361a-6696-11e9',
      name: 'Côté Samba',
      price: 18.5,
      vatRate: 10,
      margin: 15.1,
    },
    {
      id: '9ddf57c0-6696-11e9',
      name: 'California Thon cuit',
      price: 5.8,
      vatRate: 10,
      margin: 58.5,
    },
    {
      id: '9ddf671a-6696-11e9',
      name: 'California Chicken',
      price: 5.9,
      vatRate: 20,
      margin: 59.5,
    },
    {
      id: '9de01c00-6696-11e9',
      name: 'Fondant Cheese',
      price: 6.5,
      vatRate: 10,
      margin: 65.6,
    },
    {
      id: 'b8a46db8-3613-11eb',
      name: 'Truffle Box',
      price: 22.9,
      vatRate: 10,
      margin: 29.2,
    },
  ],
};

storiesOf('TableView', module).add('Without filters', () => {
  const columns = [
    {
      id: 0,
      name: 'Nom',
      type: 'string',
      propertyKey: 'name',
      filterType: 'string',
      tooltipText: 'ceci est un test',
      decimals: 2,
      render: (value) => value,
    },
    {
      id: 1,
      name: 'Prix',
      type: 'currency',
      propertyKey: 'price',
      tooltipText: 'ceci est un test',
      filterType: 'numeric',
      decimals: 2,
      render: (value) => value,
    },
    {
      id: 2,
      name: 'TVA',
      type: 'numeric',
      propertyKey: 'vatRate',
      tooltipText: 'ceci est un test',
      filterType: 'numeric',
      decimals: 2,
      render: (value) => value,
    },
    {
      id: 3,
      name: '%Marge.',
      type: 'percentage',
      propertyKey: 'margin',
      filterType: 'numeric',
      tooltipText: 'ceci est un test',
      decimals: 2,
      render: (value) => value,
    },
  ];

  const data = [
    {
      id: '20ba6e90-7aaa-11eb',
      name: 'Poke Thon Saumon 🍃',
      price: 15.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '211f23d0-7aaa-11eb',
      name: 'Pain aux raisins*',
      price: 1.9,
      vatRate: 10,
      margin: 19.1,
    },
    {
      id: '2145e5b0-7aaa-11eb',
      name: 'Green power bowl PETIT',
      price: 4.9,
      vatRate: 10,
      margin: 49.4,
    },
  ];

  return (
    <TableView displayColumnsFilters={false} columns={columns} data={data} />
  );
});
