import React from "react";
import { Meta } from "@storybook/react";
import { FilterAccordion } from "./index";
import { Building2, Megaphone } from "lucide-react";
export default {
  title: "Molecules/FilterAccordion",
  component: FilterAccordion,
} as Meta;

const Template = () => <FilterAccordion items={[
  {
    label: "Workplace",
    leftIcon: <Building2 />,
    content: [
      { label: "to current url", to: '/' },
      { label: "no to prop" },
      { label: "to other url", to: "/fire?subcategory" }
    ]
  },
  {
    label: "Advocacy",
    to: '/',
    leftIcon: <Megaphone />,
    content: [
      { label: "subcategory", to: "/wrongurl?subcategory" },
      { label: "subcategory2" },
      { label: "subcategory3" }
    ]
  },
  {
    label: "other",
    to: '/',
    leftIcon: <Megaphone />
  }
]} />;
export const Default = Template.bind({});
