@ducor/react
Version:
admin template ui interface
8 lines (7 loc) • 607 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Button from "./button";
import { Heading, Text } from "./typography";
const NotFound = ({ message = "Sorry, the page you visited does not exist.", actionLabel = "Back to Home", onActionClick = "/", }) => {
return (_jsxs("div", { className: 'flex flex-col items-center justify-center h-full w-full p-6', children: [_jsx(Heading, { as: 'h2', children: "404" }), _jsx(Text, { className: ' mb-6', children: message }), _jsx(Button, { as: 'a', size: "sm", href: onActionClick, children: actionLabel })] }));
};
export default NotFound;