@helpwave/hightide/dist/components/layout/Tile.d.ts

helpwave's component and theming library

import * as react_jsx_runtime from 'react/jsx-runtime';
import { ReactNode } from 'react';

type TileProps = {
    title: {
        value: string;
        className?: string;
    };
    description?: {
        value: string;
        className?: string;
    };
    prefix?: ReactNode;
    suffix?: ReactNode;
    className?: string;
};
/**
 * A component for creating a tile similar to the flutter ListTile
 */
declare const Tile: ({ title, description, prefix, suffix, className }: TileProps) => react_jsx_runtime.JSX.Element;
type ImageLocation = 'prefix' | 'suffix';
type ImageSize = {
    width: number;
    height: number;
};
type TileWithImageProps = Omit<TileProps, 'suffix' | 'prefix'> & {
    url: string;
    imageLocation?: ImageLocation;
    imageSize?: ImageSize;
    imageClassName?: string;
};
/**
 * A Tile with an image as prefix or suffix
 */
declare const TileWithImage: ({ url, imageLocation, imageSize, imageClassName, ...tileProps }: TileWithImageProps) => react_jsx_runtime.JSX.Element;

export { Tile, type TileProps, TileWithImage, type TileWithImageProps };