<TextSplit> Component

<TextSplit
  product="terraform"
  content='Terraform Cloud is the fastest way to adopt Terraform, the world’s most widely used multi-cloud provisioning product. Offered as a service, Terraform Cloud provides everything practitioners, teams, and organizations need to create and collaborate on infrastructure and manage risks for security, compliance and operational constraints.'
  linkStyle='buttons'
  links={[
    { text: 'primary action', url: '#' },
    { text: 'secondary action', url: '#' },
    { text: 'tertiary', url: '#' }
  ]}
>bar</TextSplit>

<TextSplit
  content={<p style={{color: "var(--brand)"}}><strong>Hello</strong> world, this is some <em>custom</em> React content</p>}
  linkStyle='buttons'
  links={[
    { text: 'primary action', url: '#' },
    { text: 'secondary action', url: '#' },
    { text: 'tertiary', url: '#' }
  ]}
>bar</TextSplit>

<TextSplit
  product="consul"
  content={<p><strong>Hello</strong> world, this is some <em>custom</em> React content. Time to check some things off...</p>}
  linkStyle='buttons'
  checkboxes={['One item', 'Second', 'And third']}
>bar</TextSplit>