wix-style-react/src/MarketingLayout/components/Description.js

wix-style-react

import React from 'react';
import Text from '../../Text';
import { isString } from '../../utils/StringUtils';
import { MARKETING_LAYOUT_DESCRIPTION } from '../dataHooks';
import { classes } from '../MarketingLayout.st.css';
import PropTypes from 'prop-types';

const Description = ({ children, size }) => (
  <div className={classes.description}>
    {isString(children) ? (
      <Text dataHook={MARKETING_LAYOUT_DESCRIPTION} size={size} secondary>
        {children}
      </Text>
    ) : (
      <div data-hook={MARKETING_LAYOUT_DESCRIPTION}>{children}</div>
    )}
  </div>
);

Description.propTypes = {
  children: PropTypes.node,
  size: PropTypes.string,
};

export default Description;