import {Forbidden} from "@/pages/others";
import {CAPABILITY} from "@/utils/consts";
import {settings} from "@/utils/settings";

/**
 * 全ページのベース
 * @param props
 * @returns {JSX.Element}
 * @constructor
 */
export const BasePage = ({ capability, children }) => {
  if (
    capability === undefined ||
    (capability === CAPABILITY.WRITE && settings.canWrite()) ||
    (capability === CAPABILITY.READ && settings.canRead()) ||
    (capability === CAPABILITY.DELETE && settings.canDelete())
  ) {
    // wrapクラス: contentのmarginをレスポンシブに設定してくれる
    return <div className="wrap yoyaku">{children}</div>;
  }
  return <Forbidden />;
};