import preview from "../../.storybook/preview.tsx";
import { MiddotSeparated } from "./MiddotSeparated.tsx";

const meta = preview.meta({
  title: "Components/Middot Separated",
  component: MiddotSeparated,
  tags: ["autodocs"],
});

/**
 * The default case in which all steps of the flow succeed.
 */
export const Default = meta.story({
  args: {
    children: ["Lorem", "Ipsum", " Dolor"],
  },
});

/**
 * Edge case when it comes to handling children in React.
 */
export const SingleElement = meta.story({
  args: {
    children: "Lorem",
  },
});