import * as React from 'react';
import * as PropTypes from 'prop-types';
import { ParagraphProps as ReakitParagraphProps } from 'reakit/ts';

import _Paragraph from './styled';

export type LocalParagraphProps = {
  children: React.ReactNode;
  className?: string;
};
export type ParagraphProps = ReakitParagraphProps & LocalParagraphProps;

export const Paragraph: React.FunctionComponent<LocalParagraphProps> = ({ children, className, ...props }) => (
  <_Paragraph className={className} {...props}>
    {children}
  </_Paragraph>
);

export const paragraphPropTypes = {
  children: PropTypes.node.isRequired,
  className: PropTypes.string
};
Paragraph.propTypes = paragraphPropTypes;

export const paragraphDefaultProps = {
  className: undefined
};
Paragraph.defaultProps = paragraphDefaultProps;

const C: React.FunctionComponent<ParagraphProps> = Paragraph;
export default C;