seti-ramesesv1
Version:
Reusable components and context for Next.js apps
31 lines (28 loc) • 1.37 kB
JavaScript
import { jsx } from 'react/jsx-runtime';
import { useContent } from '../../context/ContentContext.js';
import { LocalizationProvider } from '../../node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js';
import { AdapterDayjs } from '../../node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.js';
// "use client";
// import { LocalizationProvider } from "@mui/x-date-pickers";
// import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
// import { useContent } from "../../context/ContentContext";
// export type ContentPanelProps = {
// id: string;
// };
// const ContentPanel = ({ id }: ContentPanelProps) => {
// const { content } = useContent();
// const Component = content[id];
// return (
// <div id={id} className="w-full">
// <LocalizationProvider dateAdapter={AdapterDayjs}>{Component && <Component />}</LocalizationProvider>
// </div>
// );
// };
// export default ContentPanel;
const ContentPanel = ({ id }) => {
const { content } = useContent();
const Component = content[id];
return (jsx("div", { id: id, className: "w-full", children: jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: Component ? jsx(Component, {}) : jsx("div", { children: "No content available" }) }) }));
};
export { ContentPanel as default };
//# sourceMappingURL=ContentPanel.js.map