/** * 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 { 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 dropdown trigger element */ checkboxProps?: React.HTMLAttributes; /** * Value of the description of the user */ description?: string; /** * Flag to indicate that all interactions on the card will be disabled. */ disabled?: boolean; /** * Props to add to the dropdown trigger element */ dropDownTriggerProps?: Omit; /** * Path or URL to user */ href?: string; /** * Name of the user */ name: string; /** * Props to add to the radio element */ radioProps?: React.HTMLAttributes & { name: string; value: string; }; /** * Flag to indicate if card is selected */ selected?: boolean; /** * Path to clay icon spritemap */ spritemap?: string; /** * Title for user icon. */ stickerTitle?: string; /** * Flag to indicate if the card text is truncated */ truncate?: boolean; /** * Displays the color of the user icon */ userDisplayType?: IClayStickerProps['displayType']; /** * Value for alt attribute for user image */ userImageAlt?: string; /** * Path to the user's image */ userImageSrc?: string; /** * Icon name to use for user avatar */ userSymbol?: string; } /** * Different types of props depending on selectableType. * * onSelectChange: callback for when item is selected * selectableType: determines what type of selectable it is */ declare type CheckboxProps = { onSelectChange?: (value: boolean) => void; selectableType?: 'checkbox'; }; declare type RadioProps = { onSelectChange?: (value: string) => void; selectableType: 'radio'; }; export declare function ClayCardWithUser({ 'aria-label': ariaLabel, actions, checkboxProps, description, disabled, dropDownTriggerProps, href, name, onSelectChange, selected, spritemap, stickerTitle, selectableType, radioProps, userImageAlt, userDisplayType, userImageSrc, userSymbol, truncate, ...otherProps }: IProps & (RadioProps | CheckboxProps)): React.JSX.Element; export {};