1import React from "react"
2import styled from 'styled-components'
3
4const Button = (props) => (
5 <button className={props.className}></button>
6)
7
8const StyledButton = styled(Button)``
9
10const HeaderWrapper = styled.div`
11 font-size: xx-large;
12 font-weight:bold;
13 color: brown;
14
15 ${StyledButton}{
16 height:100px;
17 background-color: blue;
18 }
19`
20
21const Header = () => (
22 <HeaderWrapper>
23 <StyledButton></StyledButton>
24 Lorem Ipsum
25 </HeaderWrapper>
26)
27
28export default Header
29