import { permissions } from "@dashboard/fixtures";
import React from "react";

import { errorsOfPermissionGroupCreate } from "../../fixtures";
import PermissionGroupCreatePage, {
  PermissionGroupCreatePageProps,
} from "./PermissionGroupCreatePage";

const props: PermissionGroupCreatePageProps = {
  disabled: false,
  errors: [],
  onSubmit: () => undefined,
  permissions,
  saveButtonBarState: undefined,
};

export default {
  title: "Permission Groups / Permission Group Create",
};

export const Default = () => <PermissionGroupCreatePage {...props} />;

export const Loading = () => (
  <PermissionGroupCreatePage {...props} disabled={true} />
);

export const Errors = () => (
  <PermissionGroupCreatePage
    {...props}
    errors={errorsOfPermissionGroupCreate}
  />
);