import * as React from 'react';
import * as PropTypes from 'prop-types';
import { ReakitBoxProps } from '../types';

import { DialogTitle as _DialogTitle } from './styled';

export type LocalDialogTitleProps = {
  children: React.ReactNode;
  className?: string;
};
export type DialogTitleProps = LocalDialogTitleProps & ReakitBoxProps;

export const DialogTitle: React.FunctionComponent<LocalDialogTitleProps> = ({ children, ...props }) => (
  <_DialogTitle use="h5" isSubHeading {...props}>
    {children}
  </_DialogTitle>
);

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

export const dialogTitleDefaultProps = {
  className: undefined
};
DialogTitle.defaultProps = dialogTitleDefaultProps;

const C: React.FunctionComponent<DialogTitleProps> = DialogTitle;
export default C;