// @flow
import * as React from 'react';

import { bdlBoxBlue } from '../../styles/variables';
import IconLogo from '../../icons/general/IconLogo';

type Props = {
    /** Color that the logo will be rendered in. Should be a hex value. */
    color?: string,
    /** Height of the logo image to be rendered. */
    height?: number,
    /** Title attribute on the logo image. */
    title?: string | React.Element<any>,
    /** Width of the logo image to be rendered. */
    width?: number,
};

const Logo = ({ color = bdlBoxBlue, height = 25, width = 45, title }: Props) => (
    <div className="logo">
        <IconLogo color={color} height={height} title={title} width={width} />
    </div>
);

export default Logo;