Sha256: 6d7f546d2b7577dfa5a2937328ee0e008a33a07caf09b582e32c802269aca890
Contents?: true
Size: 1.01 KB
Versions: 50
Compression:
Stored size: 1.01 KB
Contents
const UIEmptyState = ({ title, subtitle, image, href, label }) => {
let imageSubsection = null;
if(image) {
imageSubsection = (
<div className="ui-empty-state__subsection">
<div className="ui-empty-state__items">
<div className="ui-empty-state__item">
<div className="ui-empty-state__subitems">
<div className="ui-empty-state__subitem">
<img src={image} alt={title} />
</div>
</div>
</div>
</div>
</div>
);
}
return(
<div className="ui-empty-state">
<div className="ui-empty-state__section">
<div className="ui-empty-state__subsection">
<h1 className="ui-empty-state__title">{title}</h1>
<h2 className="ui-empty-state__subtitle">{subtitle}</h2>
</div>
{imageSubsection}
<div className="ui-empty-state__subsection">
<a className="btn btn-large btn-primary" href={href}>{label}</a>
</div>
</div>
</div>
)
};
Version data entries
50 entries across 50 versions & 1 rubygems