/**
 * List item has 3 unique layouts managed through container queries:
 * 1. width <= cq-min
 * 2. cq-min < width <= cq-max
 * 3. width > cq-max
 *
 * ⚠️ NB: These values must be kept in sync with:
 * `packages/components/src/listItem/ListItem.vars.less`
 *
 * @see https://storybook.wise.design/?path=/story/content-listitem--responsiveness
 */
export const LISTITEM_CQ = {
  MIN: 240,
  MAX: 308,
} as const;