import { Smartphone, Monitor, Tv2, Cog } from 'lucide-react';

export const DEVICES = [
  { name: 'DESKTOP', Icon: Monitor, width: null, height: null },
  { name: 'TABLET', Icon: Tv2, width: '1280px', height: '667px' },
  { name: 'MOBILE', Icon: Smartphone, width: '375px', height: '667px' },
  { name: '375x667', width: '375px', height: '667px', Icon: Cog },
  { name: '424x896', width: '424px', height: '896px', Icon: Cog },
  { name: '390x844', width: '390px', height: '844px', Icon: Cog },
  { name: '430x932', width: '430px', height: '932px', Icon: Cog },
  { name: '412x915', width: '412px', height: '915px', Icon: Cog },
  { name: '360x740', width: '360px', height: '740px', Icon: Cog },
  { name: '280x653', width: '280px', height: '653px', Icon: Cog },
  { name: '412x914', width: '412px', height: '914px', Icon: Cog },
] as const;
