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 { Card } from "../../../components/atoms/Card";
import { cn } from "../../../utils/cn";
export const DetailPage = ({ title, breadcrumbs, actions, 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 }), actions && actions.length > 0 && (_jsx("div", { className: "flex gap-2", children: actions.map((action, index) => (_jsx(Button, { variant: action.variant || "primary", onClick: action.onClick, children: action.label }, index))) }))] })] }), _jsx(Card, { padding: "lg", children: children })] }));
};
export default DetailPage;
