import React from "react";
import { PrimaryButton } from "../../../../../../ui/generics/components/buttons/PrimaryButton";
import { BuySubscriptionBehavior } from "./useBuySubscription";

const RawHarvestRequiresPlan = ({
    buySubscriptionBehavior,
}: {
    buySubscriptionBehavior: BuySubscriptionBehavior;
}) => {
    if (!buySubscriptionBehavior.isRawHarvestWithoutPlan) {
        return <></>;
    }
    return (
        <div className="flex flex-col gap-4 w-full">
            <div className="flex justify-center text-center w-full my-4 text-lg">
                <span>
                    Ce type de bien nécessite au moins un plan professionnel
                </span>
            </div>
            <div className="flex flex-col gap-2 w-full">
                <PrimaryButton
                    onClick={buySubscriptionBehavior.handleViewProfil}
                >
                    Changer de plan
                </PrimaryButton>
            </div>
        </div>
    );
};

export default RawHarvestRequiresPlan;