Se crea el componente y sus estilos para el encabezado de la barra lateral del...

.sidebar_header {

    height: 64px;

    min-height: 64px;

    display: flex;

    align-items: center;

    padding: 0 20px;

}

.sidebar_header_content{

}

 No newline at end of file

import { UserRole } from '../../constants/roles';

import { useAuth } from '../../context/auth_context';

import './assets/css/styles.css';

export const SidebarHeader = () => {

  const {user} = useAuth();

  if(!user){

    return null;

  }

  return (

    <div className='sidebar_header'>

      <div className='sidebar_header_content'>

        <h2>{user.role==UserRole.SUPERADMIN ? 'Superadmin': 'Admin'} Panel</h2>

      </div>

    </div>

  );

}

 No newline at end of file