adilallo
66 lines
1.4 KiB
JavaScript
66 lines
1.4 KiB
JavaScript
import CreateFlowTopNav from "../../app/components/utility/CreateFlowTopNav";
|
|
|
|
export default {
|
|
title: "Components/Utility/CreateFlowTopNav",
|
|
component: CreateFlowTopNav,
|
|
parameters: {
|
|
layout: "fullscreen",
|
|
docs: {
|
|
description: {
|
|
component:
|
|
"Top navigation bar for the create rule flow. Includes logo and action buttons (Share, Export, Edit, Exit/Save & Exit).",
|
|
},
|
|
},
|
|
},
|
|
argTypes: {
|
|
hasShare: {
|
|
control: "boolean",
|
|
description: "Whether to show the Share button",
|
|
},
|
|
hasExport: {
|
|
control: "boolean",
|
|
description: "Whether to show the Export button",
|
|
},
|
|
hasEdit: {
|
|
control: "boolean",
|
|
description: "Whether to show the Edit button",
|
|
},
|
|
loggedIn: {
|
|
control: "boolean",
|
|
description: "Whether the user is logged in (affects Exit button text)",
|
|
},
|
|
onShare: { action: "share clicked" },
|
|
onExport: { action: "export clicked" },
|
|
onEdit: { action: "edit clicked" },
|
|
onExit: { action: "exit clicked" },
|
|
},
|
|
tags: ["autodocs"],
|
|
};
|
|
|
|
export const Default = {
|
|
args: {
|
|
hasShare: false,
|
|
hasExport: false,
|
|
hasEdit: false,
|
|
loggedIn: false,
|
|
},
|
|
};
|
|
|
|
export const AllButtons = {
|
|
args: {
|
|
hasShare: true,
|
|
hasExport: true,
|
|
hasEdit: true,
|
|
loggedIn: false,
|
|
},
|
|
};
|
|
|
|
export const LoggedIn = {
|
|
args: {
|
|
hasShare: true,
|
|
hasExport: true,
|
|
hasEdit: true,
|
|
loggedIn: true,
|
|
},
|
|
};
|