import Cards from '@/components/docs/Cards.astro';
import DeviceCard from '@/components/docs/DeviceCard.astro';

import aiotu5Cover from '@/assets/images/products/aiot-u5-home.jpg';
import iiotu3Cover from '@/assets/images/products/iiot-u3-home.jpg';
import aiiotu8Cover from '@/assets/images/products/aiiot-u8-home.jpg';
import sensCover from '@/assets/images/products/sens-home.jpg';
import emdCover from '@/assets/images/products/counting.jpg';
import mtG6Cover from '@/assets/images/products/mt-g6-home.jpg';
import wm15Cover from '@/assets/images/products/vadtel-wm15.jpg';
import valveLinkCover from '@/assets/images/products/valvelink-home.jpg';

<Cards cols={2} class="sm:auto-rows-fr">
  <DeviceCard link="/sk/devices/vadtel-aiotu5" title="VADTel-AIoTU5" image={aiotu5Cover} />
  <DeviceCard link="/sk/devices/vadtel-iiotu3" title="VADTel-IIoTU3" image={iiotu3Cover} />
  <DeviceCard link="/sk/devices/vadtel-aiiotu8" title="VADTel-AIIoTU8" image={aiiotu8Cover} />
  <DeviceCard link="/sk/devices/vadtel-sens" title="VADTel-SENS" image={sensCover} />
  <DeviceCard link="/sk/devices/emd" title="EMD — Electronic Metering Device" image={emdCover} />
  <DeviceCard link="/sk/devices/vadtel-mt-g6" title="VADTel-MT-G6" image={mtG6Cover} />
  <DeviceCard link="/sk/devices/vadtel-wm-15" title="VADTel-WM-15" image={wm15Cover} />
  <DeviceCard link="/sk/devices/vadtel-valvelink" title="VADTel-ValveLink" image={valveLinkCover} />
</Cards>