Sha256: c983e1e04313a21cc317594336880f560570df3aa436d1c0eeda3c0295b046e5
Contents?: true
Size: 750 Bytes
Versions: 11
Compression:
Stored size: 750 Bytes
Contents
import React from "react";
import PropTypes from "prop-types";
const propTypes = {
tag: PropTypes.string.isRequired,
text: PropTypes.string.isRequired,
large: PropTypes.bool,
dark: PropTypes.bool
};
const defaultProps = {
tag: "div",
text: "Hello Cool React Caption",
large: false,
dark: false
};
class Caption extends React.Component {
render() {
const { tag, text, large, dark } = this.props;
const Tag = `${tag}`;
return (
<Tag
className={
`caption` +
(large === true ? "_lg" : "") +
(dark === true ? "_dark" : "")
}
>
{text}
</Tag>
);
}
}
Caption.propTypes = propTypes;
Caption.defaultProps = defaultProps;
export default Caption;
Version data entries
11 entries across 11 versions & 1 rubygems