import Card from "@app/components/card/Card";
import { refreshPlan } from "@app/services/api";
import React, { useEffect } from "react";
import { Outlet } from "react-router-dom";

const Configuration = () => {
  useEffect(() => {
    refreshPlan().then((result) => {
      if (result?.changed) {
        window.location.reload();
      }
    });
  }, []);

  return (
    <div className="sfsyncSettings-wrapper">
      <Card>
        <Outlet />
      </Card>
    </div>
  );
};

export default Configuration;