huridocs/uwazi

import React from 'react';
import type { Meta, StoryObj } from '@storybook/react';
import { fn } from '@storybook/test';
import { Provider } from 'react-redux';
import { LEGACY_createStore as createStore } from 'V2/shared/testingHelpers';
import { PDF } from 'V2/Components/PDFViewer';
import { highlights } from './fixtures/PDFStoryFixtures';

const meta: Meta<typeof PDF> = {
  title: 'Viewers/PDF',
  component: PDF,
  args: { onSelect: fn(), onDeselect: fn() },
};

type Story = StoryObj<typeof PDF>;

const Primary: Story = {
  render: args => (
    <Provider store={createStore()}>
      <div className="tw-content">
        <p>PDF Container:</p>
        <div className="p-4 h-[532px] rounded-md border">
          <PDF
            fileUrl="/sample.pdf"
            onSelect={args.onSelect}
            onDeselect={args.onDeselect}
            highlights={args.highlights}
            scrollToPage={args.scrollToPage}
            size={{ height: '500px', width: 'auto' }}
          />
        </div>
        <p>End of container</p>
      </div>
    </Provider>
  ),
};

const Basic: Story = {
  ...Primary,
};

const WithSelections: Story = {
  ...Primary,
  args: {
    highlights,
  },
};

const WithScroll: Story = {
  ...Primary,
  args: {
    scrollToPage: '3',
  },
};

export { Basic, WithSelections, WithScroll };

export default meta;