1 | import * as React from 'react';
|
2 | import * as PropTypes from 'prop-types';
|
3 | import { DividerProps as ReakitDividerProps } from 'reakit/ts';
|
4 |
|
5 | import _Divider from './styled';
|
6 |
|
7 | export type LocalDividerProps = {
|
8 | children?: React.ReactNode;
|
9 | className?: string;
|
10 | content?: string;
|
11 | isVertical?: boolean;
|
12 | };
|
13 | export type DividerProps = LocalDividerProps & ReakitDividerProps;
|
14 |
|
15 | export const Divider: React.FunctionComponent<LocalDividerProps> = ({
|
16 | children,
|
17 | className,
|
18 | content,
|
19 | isVertical,
|
20 | ...props
|
21 | }) => (
|
22 | <_Divider className={className} content={content} vertical={isVertical} {...props}>
|
23 | {children}
|
24 | </_Divider>
|
25 | );
|
26 |
|
27 | export const dividerPropTypes = {
|
28 | children: PropTypes.node,
|
29 | className: PropTypes.string,
|
30 | content: PropTypes.string,
|
31 | isVertical: PropTypes.bool
|
32 | };
|
33 | Divider.propTypes = dividerPropTypes;
|
34 |
|
35 | export const dividerDefaultProps = {
|
36 | children: null,
|
37 | className: undefined,
|
38 | content: undefined,
|
39 | isVertical: false
|
40 | };
|
41 | Divider.defaultProps = dividerDefaultProps;
|
42 |
|
43 | const C: React.FunctionComponent<DividerProps> = Divider;
|
44 | export default C;
|