import { jsx as _jsx } from "react/jsx-runtime";
import { Icon } from "@powerhousedao/design-system";
import { ConnectSearchBar } from "./search-bar.js";
const filterItems = [
    {
        id: "project",
        label: ".project",
        icon: _jsx(Icon, { className: "text-red-700", name: "Project", size: 16 }),
    },
    {
        id: "budget",
        label: ".budget",
        icon: _jsx(Icon, { className: "text-purple-900", name: "BarChart", size: 16 }),
    },
    {
        id: "profile",
        label: ".profile",
        icon: _jsx(Icon, { className: "text-blue-900", name: "Person", size: 16 }),
    },
    {
        id: "legal",
        label: ".legal",
        icon: _jsx(Icon, { className: "text-green-900", name: "Briefcase", size: 16 }),
    },
    {
        id: "atlas",
        label: ".Atlas",
        icon: _jsx(Icon, { className: "text-orange-900", name: "Globe", size: 16 }),
    },
];
const meta = {
    title: "Connect/Components/SearchBar",
    component: ConnectSearchBar,
};
export default meta;
export const Primary = {
    args: {
        placeholder: "Search Files",
        filterLabel: "File type",
        filterItems,
    },
};
//# sourceMappingURL=search-bar.stories.js.map