<header className={`${styles.main_header} ${isScrolled ? 'active' : ''}`}>

this is not working how can i fix conditional classes work