import { ComponentMeta, ComponentStory } from "@storybook/react";
import { BrowserRouter } from "react-router";
import { Passkeys } from "./";
import "./story.css";

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: "Example/Passkeys",
  component: Passkeys,
} as ComponentMeta<typeof Passkeys>;

// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
const Template: ComponentStory<typeof Passkeys> = (args) => (
  <BrowserRouter>
    <Passkeys {...args} className="passkeys" />
  </BrowserRouter>
);

export const Primary = Template.bind({});
// More on args: https://storybook.js.org/docs/react/writing-stories/args
Primary.args = {};