dashpresshq/dashpress

View on GitHub
src/frontend/components/app/empty-wrapper/Stories.tsx

Summary

Maintainability
A
30 mins
Test Coverage
/* eslint-disable react/function-component-definition */

import type { Story } from "@storybook/react";

import { noop } from "@/shared/lib/noop";
import { TestProviders } from "@/tests/Provider";

import { EmptyWrapper } from ".";
import type { IEmptyWrapperProps } from "./types";

export default {
  title: "Components/EmptyWrapper",
  component: EmptyWrapper,
  args: {
    text: "Some empty message for you",
  },
};

const Template: Story<IEmptyWrapperProps> = (args) => (
  <TestProviders>
    <EmptyWrapper {...args} />
  </TestProviders>
);

export const Default = Template.bind({});
Default.args = {};

export const WithCreateNew = Template.bind({});
WithCreateNew.args = {
  createNew: {
    label: "Add New Item",
    action: () => noop(),
  },
};