redbadger/website-honestly

// @flow
import React from 'react';

import styles from './style.css';
import ShareThymeLogo from './sharethyme-logo';

import Image from '../../components/image';
import logoX2Image from './images/group-21_2x.png';
import logoX3Image from './images/group-21_3x.png';

type Props = {
  linkUrl: string,
};

export default function ShareThymeSlice({ linkUrl }: Props) {
  return (
    <section className={styles.shareThymeSlice} data-cy="sharethyme-slice">
      <div className={styles.shareThymeContent}>
        <ShareThymeLogo className={styles.shareThymeLogo} />
        <h3>See what we&apos;ve been cooking up</h3>
        <a href={linkUrl}>Take a look</a>
      </div>
      <Image
        alt="Illustration of hands carrying a pot of food with a love heart on it"
        className={styles.shareThymeImage}
        src={logoX2Image}
        src2x={logoX2Image}
        src3x={logoX3Image}
      />
    </section>
  );
}