import { DecorativeIcon, Icon } from "./Icon";
import styles from "./newsletter.module.scss";

export const Newsletter = ({ url }: { url?: string }) => {
  const link = url ?? "https://pub.dialogapi.no/s/MjQ0NTc6MmQyZjNjY2MtOGMzYy00NWQ0LThkY2MtZmUxYWQyODNhN2Vi";
  return (
    <div className={styles.newsletterWrapper}>
      <div className={styles.newsletter}>
        <div className={styles.textWrapper}>
          <div className={styles.icon}>
            <DecorativeIcon type="email" />
          </div>
            <h2>Nyhetsbrev</h2>
            <p>Meld deg på vårt nyhetsbrev og hold deg oppdatert på arrangementer og siste nytt!</p>
        </div>
        <a href={link} target="_blank" className="button primary">
          <span>Meld deg på</span>
          <Icon type="arrowRight" />
        </a>
      </div>
    </div>
  );
};
