webtrigon-job-portal/src/components/JobDescriptionModal.tsx

import styles from './JobDescriptionModal.module.scss'

import { ReactComponent as BackIcon } from '../assets/icons/back-2.svg';
import { ReactComponent as ShareIcon } from '../assets/icons/share.svg';
import { ReactComponent as DeveloperIcon } from '../assets/icons/Developer.svg';


interface Props { }

const JobDescriptionModal: React.FC<Props> = (props) => {
    return (
        <div className={styles.tempDiv}>
            <div className={styles.descriptionModal}>
                <div className={styles.iconHolder}>
                    <div className={styles.backIcon}>
                        <BackIcon />
                    </div>
                    <div className={styles.developerIcon}>
                        <DeveloperIcon />
                    </div>
                    <div className={styles.shareIcon}>
                        <ShareIcon />
                    </div>
                </div>
                <div className={styles.roleHeader}>
                    <h3>Software Developer</h3>
                    <div>Full stack developer</div>
                </div>
                <div className={styles.jd}>
                    <button className={styles.requirement}>Min Requirement</button>
                    <button className={styles.description}>Job Description</button>
                </div>
                <div className={styles.qualification}>
                    <h4>Minimum Qualification:</h4>

                    <ul>
                        <li>Lorem, ipsum dolor sit amet consectetur elit.</li>
                        <li>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</li>
                        <li>Lorem, ipsum dolor sit amet consectetur elit.</li>
                        <li>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</li>
                        <li>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</li>
                        <li>Lorem, ipsum dolor sit amet consectetur elit.</li>
                        <li>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</li>
                        <li>Lorem, ipsum dolor sit amet consectetur elit.</li>
                        <li>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</li>
                        <li>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</li>
                    </ul>

                </div>
                <div className={styles.applyBtn}>
                    <button>Apply Now!</button>
                </div>
            </div>
        </div>

    )
}

export default JobDescriptionModal;