The Tile component is usually used in dashboards to display a tile with an icon and text.
import { Tile } from '~/core/ui/Tile';
<div className={'grid grid-cols-2 gap-4'}>
<Tile>
<Tile.Heading>MRR</Tile.Heading>
<Tile.Body>
<div className={'flex justify-between space-x-8'}>
<Tile.Figure>
$13,322
</Tile.Figure>
<Tile.Trend trend={'up'}>+30%</Tile.Trend>
</div>
</Tile.Body>
</Tile>
<Tile>
<Tile.Heading>Support Tickets</Tile.Heading>
<Tile.Body>
<div className={'flex justify-between space-x-8'}>
<Tile.Figure>
+133
</Tile.Figure>
<Tile.Trend trend={'down'}>+12%</Tile.Trend>
</div>
</Tile.Body>
</Tile>
</div>