src/components/home-explore/__snapshots__/home-explore.component.test.js.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`components - HomeExplore should render correctly 1`] = `
<div
className="grid-row"
>
<section
className="explore usa-section"
id="explore"
>
<div
className="explore-actions grid-row text-center tablet:border-bottom-2px tablet:border-top-2px tablet:padding-top-205 padding-top-3 tablet:padding-bottom-205 padding-bottom-0"
>
<div
className="explore-action grid-row flex-column flex-justify padding-right-2 padding-left-2 tablet:grid-col-4 tablet:border-right-2px margin-bottom-5 tablet:margin-bottom-0"
key="t1"
>
<div>
<h2
className="text-primary"
>
t1
</h2>
<p
dangerouslySetInnerHTML={
Object {
"__html": "d1",
}
}
/>
</div>
<div
className="buttons"
>
<LinkButtons
className="usa-button font-body-sm tablet-lg:padding-x-5 line-height-sans-2"
key="n1"
name="n1"
url="u1"
/>
</div>
</div>
<div
className="explore-action grid-row flex-column flex-justify padding-right-2 padding-left-2 tablet:grid-col-4 tablet:border-right-2px margin-bottom-5 tablet:margin-bottom-0"
key="t2"
>
<div>
<h2
className="text-primary"
>
t2
</h2>
<p
dangerouslySetInnerHTML={
Object {
"__html": "d2",
}
}
/>
</div>
<div
className="buttons"
>
<LinkButtons
className="usa-button font-body-sm tablet-lg:padding-x-5 line-height-sans-2"
key="n2"
name="n2"
url="u2"
/>
</div>
</div>
<div
className="explore-action grid-row flex-column flex-justify padding-right-2 padding-left-2 tablet:grid-col-4 tablet:border-right-2px margin-bottom-5 tablet:margin-bottom-0"
key="t3"
>
<div>
<h2
className="text-primary"
>
t3
</h2>
<p
dangerouslySetInnerHTML={
Object {
"__html": "d3",
}
}
/>
</div>
<div
className="buttons"
>
<LinkButtons
className="usa-button font-body-sm tablet-lg:padding-x-5 line-height-sans-2"
key="n3"
name="n3"
url="u3"
/>
</div>
</div>
</div>
</section>
</div>
`;