import PropTypes from "prop-types";
import React from "react";

import VariantsPropType from "../../Utilities/PropTypes/Variants";
import HtmlElementFactory from "../../Utilities/HtmlElementFactory";

import styles from "./Page.scss";

const PageFactory = HtmlElementFactory({
  displayName: "Page",
  cssClass: styles["guc-page"],
  styles: styles
});

const Page = ({ linkFactory, variants, ...other }) => {
  const Link = linkFactory;

  return (
    <PageFactory variants={variants}>
      <Link {...other} />
    </PageFactory>
  );
};

Page.propTypes = {
  linkFactory: PropTypes.oneOfType([
    PropTypes.node,
    PropTypes.func
  ]).isRequired,
  variants: VariantsPropType
};

export default Page;