Accordion

// import node module libraries
import Link from 'next/link';
import { Container, Row, Col } from 'react-bootstrap';

// import widget/custom components
import { GKAccordionPlus, SectionHeadingCenter } from 'widgets';

// import data files
import { FAQList } from 'data/courses/LeadCourseData';

export const FlushTabContentExample = () => {
    const title = 'Frequently Asked Questions.';
    const subtitle = 'Need to Know';
    const description = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mattis non accumsan in, tempor dictum neque.';

    return (
        <section className="py-8 py-lg-18 bg-white">
            <Container>
                <SectionHeadingCenter
                    title={title}
                    description={description}
                    subtitle={subtitle}
                />
                <Row className="justify-content-center">
                    <Col lg={6} md={8} sm={12}>
                        <GKAccordionPlus accordionItems={FAQList} itemClass="px-0" />
                    </Col>
                </Row>
                <div className="mt-10 text-center">
                    <Link href="#" className="btn btn-outline-primary">
                        More questions? Visit the Learner Help Center.
                    </Link>
                </div>
            </Container>
        </section>
    );
}

// import node module libraries
import { Col, Container, Row } from "react-bootstrap";

// import widget/custom components
import { GKAccordionProgress } from "widgets";

// import data files
import { CourseIndex } from 'data/courses/CourseIndexData';

export const ListGroupsCardExample = () => {
    return (
        <section className="py-8 bg-light">
            <Container>
                <Row>
                    <Col lg={4} sm={12} >
                        <GKAccordionProgress accordionItems={CourseIndex} />
                    </Col>
                </Row>
            </Container>
        </section>
    )
}