open-consul/website/components/mini-cta/index.jsx
Nicole Forrester d97fb3f35c
Add Using in Production Question (#8718)
* website: add using in prod question

* adjust padding
2020-09-21 20:08:44 -04:00

24 lines
610 B
JavaScript

import Button from '@hashicorp/react-button'
export default function MiniCTA({ title, description, link }) {
return (
<div className="g-mini-cta">
<div className="g-grid-container">
<hr />
<h5 className="g-type-display-4">{title}</h5>
{description && <p className="g-type-body">{description}</p>}
<Button
title={link.text}
url={link.url}
theme={{
variant: 'tertiary-neutral',
brand: 'neutral',
background: 'light'
}}
linkType={link.type}
/>
</div>
</div>
)
}