fix(ui-toolkit): replace styled card with card component on section

This commit is contained in:
Fábio Moreira 2018-05-09 12:17:20 +01:00
parent b3edb3aa02
commit 588b833045
1 changed files with 2 additions and 4 deletions

View File

@ -3,8 +3,6 @@ import styled from 'styled-components';
import { Card, H2, P, H4 } from '../'; import { Card, H2, P, H4 } from '../';
import remcalc from 'remcalc'; import remcalc from 'remcalc';
const CardStyled = styled(Card);
const Header = styled.header` const Header = styled.header`
background: ${props => props.theme.primary}; background: ${props => props.theme.primary};
padding: ${remcalc(50)} ${remcalc(120)}; padding: ${remcalc(50)} ${remcalc(120)};
@ -25,7 +23,7 @@ export default allProps => {
if (depth === 1) { if (depth === 1) {
return ( return (
<CardStyled> <Card>
<Header> <Header>
<H2 white>{name}</H2> <H2 white>{name}</H2>
{description ? <P white>{description}</P> : null} {description ? <P white>{description}</P> : null}
@ -35,7 +33,7 @@ export default allProps => {
{components} {components}
{sections} {sections}
</Main> </Main>
</CardStyled> </Card>
); );
} }