import React from 'react';
import {TCaption} from '../types';
import {FormCaption} from '../styles';

const Caption = ({html, className, children}: TCaption): JSX.Element => {
  if (html) {
    return (
      <FormCaption
        className={className}
        dangerouslySetInnerHTML={{__html: html}}
      />
    );
  }

  return <FormCaption className={className}>{children}</FormCaption>;
};

export default Caption;