box-ui-elements/src/elements/content-explorer/stories/tests/DeleteConfirmationDialog-visual.stories.js

Box UI Elements

import * as React from 'react';

import { addRootElement } from '../../../../utils/storybook';

import DeleteConfirmationDialog from '../../DeleteConfirmationDialog';

const item = {
    id: '123456',
    name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eget nulla facilisi etiam dignissim diam quis enim lobortis scelerisque. Aliquam faucibus purus in massa tempor nec. Ut consequat semper viverra nam libero justo laoreet sit amet. Purus gravida quis blandit turpis cursus in hac. Dui ut ornare lectus sit amet est. Nisl condimentum id venenatis a condimentum vitae sapien ',
};

export const deleteDialogNotLoading = {
    render: () => {
        const { rootElement } = addRootElement();

        return <DeleteConfirmationDialog isLoading={false} isOpen item={item} parentElement={rootElement} />;
    },
};

export const deleteDialogIsLoading = {
    render: () => {
        const { rootElement } = addRootElement();

        return <DeleteConfirmationDialog isLoading isOpen item={item} parentElement={rootElement} />;
    },
};

export default {
    title: 'Elements/ContentExplorer/tests/DeleteConfirmationDialog/visual',
    component: DeleteConfirmationDialog,
};