const Header: React.FC<Props> = ({ copy }: Props) => {
if (isUndefined(copy)) return null;
return (
<Container>
<img src={HeartCircle} />
<Text>
<h4>{copy.recommended.subheading}</h4>
<LearnMoreButton>
<RecommendedProviderLabel
isRecommendedProvider={true}
showIcon={false}
label={copy.ctas.learnMore}
/>
</LearnMoreButton>
</Text>
</Container>
);
you can use display flex
flexRow: {
display: flex;
}
<div className={classes.flexRow}>
<img src={HeartCircle} />
<Text>
<h4>{copy.recommended.subheading}</h4>
<LearnMoreButton>
<RecommendedProviderLabel
isRecommendedProvider={true}
showIcon={false}
label={copy.ctas.learnMore}
/>
</LearnMoreButton>
</Text>
</div>