import React from "react";
import Page from "components/Page";
import { Route } from "react-router-dom";
import { useSelector } from "react-redux";

const PublicRoutes = ({ component: Component, title, ...rest }) => {
  const permissions = useSelector(state => state.auth.permissions);
  return (
    <Route
      {...rest}
      render={props => (
        <>
          <Page title={title} permissions={permissions}>
            <Component {...props} />
          </Page>
        </>
      )}
    />
  );
};

export default PublicRoutes;