@combine-labs/combine-polaris/types/components/Media/Media.d.ts

Combine Lab's product component library. Forked from Shopify's Polaris.

/// <reference types="react" />
import { Props as IconProps } from '../Icon';
import { Props as ThumbnailProps } from '../Thumbnail';
import { Props as BadgeProps } from '../Badge';
import { Props as StackProps } from '../Stack';
export interface Props {
    /** The content to display inside the key */
    children?: string;
    /** Primary data */
    data: string;
    /** Content markup */
    content?: string;
    /** Header markup */
    header?: string;
    /** Body markup */
    body?: string;
    /** Spacing between header and body */
    bodySpacing?: StackProps['spacing'];
    /** Text for the label */
    label: string;
    /** Icon to display to the left of the content */
    icon?: IconProps['source'];
    iconColor?: IconProps['color'];
    iconBackdrop?: boolean;
    /** Media is link or not, and if it is, what’s the URL? */
    url?: string;
    /** Has an avatar or not, and if so, what's the name? */
    avatar?: string;
    /** If has an avatar, is it default or image? */
    avatarSource?: string;
    /** Thumbnail source */
    thumbnailSource?: string;
    /** Thumbnail abbreviation (3 letters) */
    thumbnailAbbr?: string;
    /** Size of the thumbnail */
    thumbnailSize?: ThumbnailProps['size'];
    /** Badge Text */
    badgeText?: string;
    /** Badge Colour */
    badgeStatus?: BadgeProps['status'];
    /** Indicates a currently active link */
    active?: boolean;
}
export default function Media({ header, body, bodySpacing, url, avatar, avatarSource, thumbnailSource, thumbnailAbbr, thumbnailSize, icon, iconColor, iconBackdrop, badgeText, badgeStatus, active, }: Props): JSX.Element;