/* WARN: This file looks similar to ../top/partials */ /* This is the sticky header variant */ import React from 'react' import { TopColumnRight } from '../top/partials' import { THeaderProps } from '../../interfaces' import { AskFtButton } from '../ask-ft/askFtButton' const StickyHeaderWrapper = (props: THeaderProps & { children: React.ReactNode }) => ( ) const DrawerIconSticky = () => ( Menu ) const SearchIconSticky = () => ( Search ) const Navigation = (props: THeaderProps) => (
) const Logo = () => ( Financial Times ) const TopWrapperSticky = (props) => (
{props.children}
) const TopColumnLeftSticky = (props: Pick) => { return (
{props.showAskButton && ( )}
) } const TopColumnCenterSticky = (props: THeaderProps) => { return (
) } const TopColumnRightSticky = (props: THeaderProps) => { return } export { StickyHeaderWrapper, TopWrapperSticky, TopColumnLeftSticky, TopColumnCenterSticky, TopColumnRightSticky }