import React from "react";
import styled from "styled-components";

const LogoPanel = styled.div`
  display: inline-block;

  h1,
  h2 {
    margin: 0;
    padding: 0;
    line-height: 1rem;
  }

  h1 {
    line-height: 2rem;
  }

  h2 {
    font-size: 1rem;
  }
`;

const Logo = () => (
  <LogoPanel>
    <h1>Hello Redux</h1>
    <h2>Redux demo application</h2>
  </LogoPanel>
);

export default Logo;