/** * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ import { ClayDropDownWithItems } from '@clayui/drop-down'; import ClayLabel from '@clayui/label'; import { IClayStickerProps } from '@clayui/sticker'; import React from 'react'; import type { ButtonWithIconProps } from '@clayui/button'; interface IProps extends React.BaseHTMLAttributes { /** * List of actions in the dropdown menu */ actions?: React.ComponentProps['items']; /** * Props to add to the checkbox element */ checkboxProps?: React.HTMLAttributes; /** * Description of the file */ description?: React.ReactText; /** * Flag to indicate that all interactions on the card will be disabled. */ disabled?: boolean; /** * Determines the style of the card */ displayType?: 'file' | 'image'; /** * Props to add to the dropdown trigger element */ dropDownTriggerProps?: Omit; /** * Flag to indicate if `aspect-ratio-item-flush` class should be * applied to the image. */ flushHorizontal?: boolean; /** * Flag to indicate if `aspect-ratio-item-vertical-flush` class should be * applied to the image. */ flushVertical?: boolean; /** * Path or URL to file */ href?: string; /** * Object of props for `` or string path to image */ imgProps?: React.ImgHTMLAttributes | string; /** * List of labels that are applied to the file */ labels?: Array & { value: React.ReactText; }>; /** * Callback for when item is selected. */ onSelectChange?: (value: boolean | string) => void; /** * Props to add to the radio element */ radioProps?: React.HTMLAttributes & { name: string; value: string; }; /** * Determines what type of selectable it is. */ selectableType?: 'checkbox' | 'radio'; /** * Flag to indicate if card is selected */ selected?: boolean; /** * Path to clay icon spritemap */ spritemap?: string; /** * Values used in displaying bottom-left icon */ stickerProps?: (IClayStickerProps & { content?: React.ReactNode; }) | null; /** * Name of icon */ symbol?: string; /** * Name of the file */ title: string; /** * Flag to indicate if the card text is truncated */ truncate?: boolean; } export declare function ClayCardWithInfo({ 'aria-label': ariaLabel, actions, checkboxProps, description, disabled, displayType, dropDownTriggerProps, flushHorizontal, flushVertical, href, imgProps, labels, onSelectChange, radioProps, selectableType, selected, spritemap, stickerProps, symbol, title, truncate, ...otherProps }: IProps): React.JSX.Element; export {};