как сократить импорт из styled-components

#import #styled-components

#импорт #styled-components

у меня есть файл со многими стилизованными компонентами vars

 export {NavHeader, MainNav, Logo, LogoContainer, NavBarUl, SubUl, Li, SubLi, NavLink, HamburgerContainer}

теперь мне нужно импортировать его в componenets и его очень огромный

 import {
NavHeader,
MainNav,
Logo,
LogoContainer,
NavBarUl,
SubUl,
Li,
SubLi,
NavLink,
HamburgerContainer,
A,
} from "../styles/Header";

есть способ справиться с этим? и импортировать * или что-то в этом роде?

 import * as Header from '../styles/Header';

затем вы можете использовать
<Header.NavHeader />