/* eslint-disable @typescript-eslint/no-explicit-any */
import styles from "./plan-summary.module.scss"
import PlanDetailsLayout from "@/layouts/plan_details copy"
import PlanDetailsSummary from "@/components/dashboard/PlanSummary"
import PlanCheckout from "@/components/dashboard/PlanCheckout"


const PlanSummary = ({ plan }: any) => {
  return (
    <div className={ styles["plan__summary"] }>
      <PlanDetailsSummary plan={ plan } />
      <PlanCheckout plan={ plan } />
    </div>
  )
}

PlanSummary.layout = (page: React.ReactNode) => (
  <PlanDetailsLayout children={page} title="Dashboard overview" />
)

export default PlanSummary