import "./loader";
import "../theme/theme";
import { html } from "lit";

// More on default export: https://storybook.js.org/docs/web-components/writing-stories/introduction#default-export
export default {
  component: "sonic-loader",
  title: "core/components/ui/Loader",
  args: {
    mode: "inline",
    theme: "light",
  },
  argTypes: {
    mode: { options: ["inline", "fixed"], control: { type: "select" } },
    styles: { table: { category: "Internals or others" } },
    loader: { table: { category: "Internals or others" } },
    callCounter: { table: { category: "Internals or others" } },
  },
};

const Template: any = ({ mode }: { mode: string; theme: string }) => {
  return html` <sonic-loader mode="${mode}"> </sonic-loader> `;
};

export const Example = Template.bind({});