22 lines
581 B
React
22 lines
581 B
React
    
|
import styles from './section-break-cta.module.css'
|
||
|
|
import Button from '@hashicorp/react-button'
|
||
|
|
|
||
|
|
export default function SectionBreakCta({ heading, content, link }) {
|
||
|
|
return (
|
||
|
|
<div className={styles.sectionBreakCta}>
|
||
|
|
<hr />
|
||
|
|
<h4 className="g-type-display-4">{heading}</h4>
|
||
|
|
<p className="g-type-body">{content}</p>
|
||
|
|
<Button
|
||
|
|
title={link.text}
|
||
|
|
url={link.url}
|
||
|
|
theme={{
|
||
|
|
brand: 'neutral',
|
||
|
|
variant: 'tertiary-neutral',
|
||
|
|
background: 'light',
|
||
|
|
}}
|
||
|
|
linkType="outbound"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|