/** TiledList.tsx */ import React from "react"; import { Item } from "../types"; /** display container sizes */ import { display } from "../types"; /** Tiled list component, displays a list of images titles in blocks of four. View more button below it * behaves like a show hide action for the rest of the list items if they exist. */ export interface TiledListProps extends React.HTMLAttributes { /** Group title of list */ title?: string; /** Element used for group title (H2, H3, etc) */ titleElement?: string; /** Show list group title by default or false to hide it */ titleVisible?: boolean; /** Element used for individual item title (H3, H4, etc) */ itemTitleElement?: string; /** Items of the list, check Item type in types.ts for details. */ items: Item[]; /** Text label of CTA button to show all items, eg. "View more". */ moreCTALabel?: string; /** Text label of CTA button to show less items, eg. "View less". */ lessCTALabel?: string; /** Container size fullBleed, inset or outset. */ containerSize?: display; /** Lazyload images on scroll */ lazyLoadImages?: boolean; /** Always display all given items */ displayAll?: boolean; } declare const TiledList: React.VFC; export default TiledList;