zitadel

1
import React from "react";
2
import styles from "../css/tile.module.css";
3

4
export function Tile({ title, imageSource, imageSourceLight, link, external }) {
5
  return (
6
    <a
7
      href={link}
8
      className={styles.tile}
9
      target={external ? "_blank" : "_self"}
10
    >
11
      <h3>{title}</h3>
12
      <img
13
        className={imageSourceLight ? "hideonlight" : ""}
14
        src={imageSource}
15
        alt={title}
16
        width={70}
17
        height={70}
18
      />
19
      {imageSourceLight && (
20
        <img
21
          className={imageSourceLight ? "hideondark" : ""}
22
          src={imageSourceLight}
23
          alt={title}
24
          width={70}
25
          height={70}
26
        />
27
      )}
28
      {external && (
29
        <div className={styles.external}>
30
          <i className="las la-external-link-alt"></i>
31
        </div>
32
      )}
33
    </a>
34
  );
35
}
36