import * as React from 'react';

import logo from './assets/logo.svg';
import logoWhite from './assets/logo-white.svg';

export interface StateProps {}

export interface DispatchProps {}

export interface OwnProps {
  type: string;
  style: {};
  alt: string;
}

export type LogoProps = StateProps & DispatchProps & OwnProps;

interface LogoState {}

export default class Logo extends React.Component<LogoProps, LogoState> {
  render(): JSX {
    const { type, style, alt } = this.props;

    return (
      <>
        {type === 'white' && <img src={logoWhite} style={style} alt={alt || 'logo'} />}
        {!type || (type === 'normal' && <img src={logo} style={style} alt={alt || 'logo'} />)}
      </>
    );
  }
}
