1import React from 'react';
2import doc from './options.mdx';
3import data from '../../constants/sampleMovieData';
4import DataTable from '../../../src/index';
5
6const columns = [
7	{
8		name: 'Título',
9		selector: row => row.title,
10		sortable: true,
11	},
12	{
13		name: 'Director',
14		selector: row => row.director,
15		sortable: true,
16	},
17	{
18		name: 'Año',
19		selector: row => row.year,
20		sortable: true,
21	},
22];
23
24const paginationComponentOptions = {
25	rowsPerPageText: 'Filas por página',
26	rangeSeparatorText: 'de',
27	selectAllRowsItem: true,
28	selectAllRowsItemText: 'Todos',
29};
30
31export const Options = () => (
32	<DataTable
33		title="Lista de Peliculas"
34		columns={columns}
35		data={data}
36		pagination
37		paginationComponentOptions={paginationComponentOptions}
38	/>
39);
40
41export default {
42	title: 'Pagination/Options',
43	component: Options,
44	parameters: {
45		docs: {
46			page: doc,
47		},
48	},
49};