Tile

import { Tile, TileIcon, TileTitle, TileDescription } from "@medway-ui/core";
import { InternshipSync } from "@medway-ui/icons";
 
<Tile variant="regular">
  <TileIcon icon={<InternshipSync />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>

import { Tile, TileIcon, TileTitle, TileDescription } from "@medway-ui/core";
import { MedicalClinic } from "@medway-ui/icons";
 
<Tile variant="cm">
  <TileIcon icon={<MedicalClinic />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>

import { Tile, TileIcon, TileTitle, TileDescription } from "@medway-ui/core";
import { GynecologyAndObstetrics } from "@medway-ui/icons";
 
<Tile variant="go">
  <TileIcon icon={<GynecologyAndObstetrics />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>

import { Tile, TileIcon, TileTitle, TileDescription } from "@medway-ui/core";
import { Surgery } from "@medway-ui/icons";
 
<Tile variant="cir">
  <TileIcon icon={<Surgery />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>

import { Tile, TileIcon, TileTitle, TileDescription } from "@medway-ui/core";
import { Pediatrics } from "@medway-ui/icons";
 
<Tile variant="ped">
  <TileIcon icon={<Pediatrics />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>

import { Tile, TileIcon, TileTitle, TileDescription } from "@medway-ui/core";
import { Preventive } from "@medway-ui/icons";
 
<Tile variant="prev">
  <TileIcon icon={<Preventive />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>

"use client";
import { Tile, TileIcon, TileTitle, TileDescription } from "@medway-ui/core";
import { MedicalClinic, Pediatrics } from "@medway-ui/icons";
 
<Tile variant="cm" onClick={() => console.log('Tile clicado')}>
  <TileIcon icon={<MedicalClinic />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>
<Tile variant="ped" onClick={() => console.log('Tile clicado')}>
  <TileIcon icon={<Pediatrics />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>

import { Tile, TileIcon, TileTitle, TileDescription } from "@medway-ui/core";
import { InternshipSync, MedicalClinic, GynecologyAndObstetrics, Surgery, Pediatrics, Preventive } from "@medway-ui/icons";
 
<Tile variant="regular" disabled>
  <TileIcon icon={<InternshipSync />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>
<Tile variant="cm" disabled>
  <TileIcon icon={<MedicalClinic />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>
<Tile variant="go" disabled>
  <TileIcon icon={<GynecologyAndObstetrics />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>
<Tile variant="cir" disabled>
  <TileIcon icon={<Surgery />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>
<Tile variant="ped" disabled>
  <TileIcon icon={<Pediatrics />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>
<Tile variant="prev" disabled>
  <TileIcon icon={<Preventive />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>

import { Tile, TileIcon, TileTitle, TileDescription } from "@medway-ui/core";
import { InternshipSync, MedicalClinic, GynecologyAndObstetrics, Surgery, Pediatrics, Preventive } from "@medway-ui/icons";
 
<Tile variant="regular" inactive>
  <TileIcon icon={<InternshipSync />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>
<Tile variant="cm" inactive>
  <TileIcon icon={<MedicalClinic />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>
<Tile variant="go" inactive>
  <TileIcon icon={<GynecologyAndObstetrics />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>
<Tile variant="cir" inactive>
  <TileIcon icon={<Surgery />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>
<Tile variant="ped" inactive>
  <TileIcon icon={<Pediatrics />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>
<Tile variant="prev" inactive>
  <TileIcon icon={<Preventive />} />
  <TileTitle>Sincronia com internato</TileTitle>
  <TileDescription>Cronograma Medway</TileDescription>
</Tile>