const OrderPaymentSticky = () => {
    return (
        <div className="fixed bottom-0 left-0 right-0 z-50 bg-background border-t border-gray-100 w-full">
            <div className="px-5 pt-5 pb-3 max-w-sm mx-auto w-full">
                <div className="flex items-center justify-between mb-4">
                    <div className="flex flex-col items-start">
                        <span className="text-lg font-medium text-foreground">
                            مبلغ پرداختی
                        </span>
                        <span className="text-xs font-normal text-gray-700">
                            پرداخت از کیف پول
                        </span>
                    </div>
                    <span className="text-lg font-medium text-foreground">
                        1000000 تومان
                    </span>
                </div>

                <button
                    type="button"
                    className="w-full h-12 rounded-xl border border-error bg-background text-error text-[15px] font-medium active:scale-[0.98] transition-transform cursor-pointer"
                >
                    پرداخت از کیف پول
                </button>
            </div>

            <div className="flex justify-center pb-2">
                <div className="w-[134px] h-[5px] rounded-full bg-gray-300" />
            </div>
        </div>
    )
}

export default OrderPaymentSticky