import { HeaderType } from '@/entities/common/model/types';
import { useSetFooterMode, useSetHeaderTitle, useSetHeaderType } from '@/widgets/sub-layout/use-sub-layout';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { PATHS } from "@/shared/constants/paths";

export const LinkPaymentApplySuccessPage = () => {
    const { navigate } = useNavigate();

    useSetHeaderTitle('링크결제 신청');
    useSetHeaderType(HeaderType.LeftArrow);
    useSetFooterMode(false);

    const onClickToHome = () => {
        navigate(PATHS.additionalService.linkPayment.shippingHistory);
    };

    return (
        <>
            <div className="success-page">
                <div className="success-body">
                    <div className="success-icon" aria-hidden="true"></div>
                    <h1 className="success-title">
                        <span>링크결제</span><br/>
                        <span>결제 신청이 완료되었습니다.</span>
                    </h1>
                    <div className="success-result">
                        <p className="result-text">
                            <span>결과 :</span> <span>(성공 결과값 노출)</span><br/>
                        </p>
                    </div>
                </div>
                <div className="apply-row">
                    <button 
                        className="btn-50 btn-blue flex-1"
                        onClick={() => onClickToHome()}
                    >확인</button>
                </div>
            </div>
        </>
    );
};