chore: add a PageFooter component

1 files changed, 26 insertions, 0 deletions

diff --git a/src/components/molecules/layout/page-footer.tsx b/src/components/molecules/layout/page-footer.tsx
new file mode 100644
index 0000000..f522482
--- /dev/null
+++ b/src/components/molecules/layout/page-footer.tsx
@@ -0,0 +1,26 @@
+import { FC } from 'react';
+import Meta, { type MetaMap } from './meta';
+
+export type PageFooterProps = {
+  /**
+   * Set additional classnames to the footer element.
+   */
+  className?: string;
+  /**
+   * The footer metadata.
+   */
+  meta?: MetaMap;
+};
+
+/**
+ * PageFooter component
+ *
+ * Render a footer element to display page meta.
+ */
+const PageFooter: FC<PageFooterProps> = ({ meta, ...props }) => {
+  return (
+    <footer {...props}>{meta && <Meta data={meta} layout="column" />}</footer>
+  );
+};
+
+export default PageFooter;