diff --git a/packages/gatsby-theme-wordpress-basic/src/wsui/components/PageFooter.jsx b/packages/gatsby-theme-wordpress-basic/src/wsui/components/PageFooter.jsx
new file mode 100644
index 0000000..3735858
--- /dev/null
+++ b/packages/gatsby-theme-wordpress-basic/src/wsui/components/PageFooter.jsx
@@ -0,0 +1,12 @@
+/** @jsx jsx */
+import { jsx, useTheme } from "@emotion/react";
+import { MaybeFragment, useThemeProps } from "@wsui/base";
+
+export default function PageFooter(props) {
+ // eslint-disable-next-line no-unused-vars
+ const theme = useTheme();
+ props = useThemeProps({ props, name: "PageFooter" });
+ let { ...restProps } = props;
+
+ return ;
+}
diff --git a/packages/gatsby-theme-wordpress-basic/src/wsui/components/index.js b/packages/gatsby-theme-wordpress-basic/src/wsui/components/index.js
index cc10454..298bf21 100644
--- a/packages/gatsby-theme-wordpress-basic/src/wsui/components/index.js
+++ b/packages/gatsby-theme-wordpress-basic/src/wsui/components/index.js
@@ -5,6 +5,7 @@ export { default as Image } from "./Image.jsx";
export { default as PageBreadcrumbs } from "./PageBreadcrumbs.jsx";
export { default as PageContent } from "./PageContent.jsx";
export { default as PageFeaturedImage } from "./PageFeaturedImage.jsx";
+export { default as PageFooter } from "./PageFooter.jsx";
export { default as PageHeading } from "./PageHeading.jsx";
export { default as PagePreamble } from "./PagePreamble.jsx";
export { default as Seo } from "./Seo.jsx";
diff --git a/packages/gatsby-theme-wordpress-basic/src/wsui/templates/DefaultTemplate.jsx b/packages/gatsby-theme-wordpress-basic/src/wsui/templates/DefaultTemplate.jsx
index 9c2db74..62b75e5 100644
--- a/packages/gatsby-theme-wordpress-basic/src/wsui/templates/DefaultTemplate.jsx
+++ b/packages/gatsby-theme-wordpress-basic/src/wsui/templates/DefaultTemplate.jsx
@@ -1,6 +1,12 @@
/** @jsx jsx */
import { css, jsx } from "@emotion/react";
-import { Section, PageGrid, PageGridItem, useThemeProps } from "@wsui/base";
+import {
+ Section,
+ PageGrid,
+ PageGridItem,
+ useThemeProps,
+ handleComponentsProp,
+} from "@wsui/base";
import { usePageContext } from "../../hooks/page-context";
import {
@@ -10,6 +16,7 @@ import {
PageHeading,
PagePreamble,
// PageSiblingNavigation,
+ PageFooter as DefaultPageFooter,
Seo,
} from "../components";
@@ -17,7 +24,11 @@ export default function DefaultTemplate(props) {
// eslint-disable-next-line no-unused-vars
props = useThemeProps({ props, name: "DefaultTemplate" });
props = useThemeProps({ props, name: "Template" });
- let { defaultColspan = 7 } = props;
+ let { defaultColspan = 7, components } = props;
+ components = handleComponentsProp(components, {
+ PageFooter: DefaultPageFooter,
+ });
+ let { PageFooter } = components;
const { title } = usePageContext();
return (
@@ -37,14 +48,7 @@ export default function DefaultTemplate(props) {
);