reactjs - 別のcssファイルで条件付きでレンダリングされた三項演算子をスタイルする方法は?

Question

プロジェクト内のすべてのインライン css を削除する任務を負っています。sass を使用した React プロジェクトです。すべてのインライン css を削除し、これ以外の別の「styles」ディレクトリに配置することができました。私は上司に、それは最小限でコードが読みやすくなるのでそのままにしておくことができると言いましたが、彼はそれを削除してスタイルディレクトリに別のファイルを入れることを主張しました.
これを行うにはどうすればよいでしょうか？ありとあらゆる助けをいただければ幸いです。

****これがコードです**** (これはコンポーネント ファイルのスニペットです)

               isLoggedIn ? (
                    <span
                        className='share-icon cursor'
                        style={
                            {
                                height: '20px',
                                width: '100px'
                            }
                        }
                    >
                        <img src={shareImage}/>
                    </span>
                ) : (
                    <span
                        className='people-icon cursor'
                        style={
                            {
                                height: '20px',
                                width: '100px'
                            }
                        }
                    >
                        <img src={groupImage}/>
                    </span>