import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button } from "../../../components/atoms/Button";
import { Text } from "../../../components/atoms/Text";
import { Breadcrumbs } from "../../../components/organisms/Breadcrumbs";
import { cn } from "../../../utils/cn";
export const ListPage = ({ title, breadcrumbs, onAddNew, addNewLabel = "Add New", filters, children, className, }) => {
    return (_jsxs("div", { className: cn("w-full", className), children: [_jsxs("div", { className: "mb-6", children: [breadcrumbs && breadcrumbs.length > 0 && (_jsx(Breadcrumbs, { items: breadcrumbs, className: "mb-4" })), _jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx(Text, { variant: "h1", children: title }), onAddNew && (_jsx(Button, { variant: "primary", onClick: onAddNew, children: addNewLabel }))] }), filters && _jsx("div", { className: "mt-4", children: filters })] }), _jsx("div", { children: children })] }));
};
export default ListPage;
