/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { ErrorBlock } from "../Error/Error.js";
import "../Error/index.js";
import "react";
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/blocks/NotFound/NotFound.tsx
/**
* NotFound block component for displaying 404 pages
*
* @example
* ```tsx
* <NotFound
*   title="404"
*   message="This page could not be found."
*   actions={<Button href="/">Go home</Button>}
* />
* ```
*/
var NotFound = ({ title = "404", message = "This page could not be found.", details, actions, className }) => {
	return /* @__PURE__ */ jsxs(ErrorBlock, {
		type: "not-found",
		status: "info",
		className,
		children: [
			/* @__PURE__ */ jsx(ErrorBlock.Title, { children: title }),
			/* @__PURE__ */ jsx(ErrorBlock.Description, { children: message }),
			details && /* @__PURE__ */ jsx(ErrorBlock.Details, { children: details }),
			actions && /* @__PURE__ */ jsx(ErrorBlock.Actions, { children: actions })
		]
	});
};
//#endregion
export { NotFound };

//# sourceMappingURL=NotFound.js.map