keralawaterauthority/components/form/authselection/AuthIcon.js

import React from 'react'

function AuthIcon({title,icon,isActive=false}) {
    return (
        <div className={`align-items-center d-flex justify-content-center text-center flex-column `}>
            <div style={{fontSize:'25px',width:'50px',height:'50px'}} className=' text-center'>
                <i className={`px-2 fa-solid w-100 align-items-center  d-flex justify-content-center h-100 fa-${icon} ${isActive ? 'auth-select-icon bg-primary text-white':''}`}></i>
            </div>
            <div className='font-13'>
                {title}
            </div>
        </div>
    )
}

export default AuthIcon