/// <reference types="react" />
import { ColorToken } from '@gdsc-dju/styled-components-theme';
export declare const NavWrapper: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, {}, never>;
export declare const NavLogoContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const NavLogoContainerInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const NavInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const NavTaskWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
export declare const LinkWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
export declare const StyledLi: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
    color: ColorToken | string;
}, never>;
export declare const StyledLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, import("styled-components").DefaultTheme, {
    active: boolean;
    color: ColorToken | string;
}, never>;
export declare const MenuButtonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    position: 'left' | 'right' | 'left-mobile-only' | 'right-mobile-only';
}, never>;