import { useSpring, animated } from '@react-spring/web'
import React, { useEffect, useRef, useState } from 'react'
import { VscDebugBreakpointLog } from 'react-icons/vsc'

type Props = {}

const QnASection = (props: Props) => {
    return (
        <div
            className="container flex justify-between items-center mx-auto py-2 text-white"
            id="qna"
        >
            <div>
                <h1 className="text-4xl font-bold text-center hover:text-orange-400">
                    FAQS
                </h1>
                <h2>
                    See some of the most frequently asked questions about Fight
                    {/* Out here. Got a question that’s not on the list? Let us know
                    below! */}
                </h2>
            </div>
            <div>ABC</div>
        </div>
    )
}

export default QnASection
