// react
import React from 'react';
// third-party
import classNames from 'classnames';

type Layout = 'spaceship-start' | 'spaceship-end' | 'classic';

interface Props {
    layout: Layout;
}

/**
 * Barra superior del header.
 *
 * Los items originales del tema (telefono, enlaces, comparar, moneda, idioma)
 * estan desactivados a proposito; ver historial de git si se quieren recuperar.
 */
function Topbar(props: Props) {
    const { layout } = props;
    const rootClasses = classNames('topbar', `topbar--${layout}`);

    return (
        <div className={rootClasses}>
            {layout === 'classic' && <div className="topbar__item-spring" />}
        </div>
    );
}

export default Topbar;