-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.js
34 lines (27 loc) · 995 Bytes
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import React from "react";
import { Container, Item, Inner, Pane, Title, SubTitle, Image } from "./styles/jumbotron";
function Jumbotron({children, direction = "row", ...restProps }) {
return (
<Item {...restProps}>
<Inner direction={direction} >
{children}
</Inner>
</Item>
);
}
Jumbotron.Container = function JumbotronContainer({children, ...restProps}) {
return <Container {...restProps}>{children}</Container>
}
Jumbotron.Pane = function JumbotronPane({children, ...restProps}) {
return <Pane {...restProps}>{children}</Pane>
}
Jumbotron.Title = function JumbotronTitle({children, ...restProps}) {
return <Title {...restProps}>{children}</Title>
}
Jumbotron.SubTitle = function JumbotronSubTitle({children, ...restProps}) {
return <SubTitle {...restProps}>{children}</SubTitle>
}
Jumbotron.Image = function JumbotronImage({ ...restProps}) {
return <Image {...restProps} />
}
export default Jumbotron;