Source: components/FieldTypeBox/FieldTypeBox.es.js

/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

const FieldTypeBox = ({fieldType, spritemap}) => {
	const {description, icon, label, name} = fieldType;

	return (
		<div
			class="ddm-drag-item list-group-item list-group-item-flex"
			data-field-type-name={name}
			key={`fieldType_${name}`}
			ref={`fieldType_${name}`}
		>
			<div class="autofit-col">
				<span class="sticker sticker-secondary">
					<span class="inline-item">
						<svg
							aria-hidden="true"
							class={`lexicon-icon lexicon-icon-${icon}`}
						>
							<use xlink:href={`${spritemap}#${icon}`} />
						</svg>
					</span>
				</span>
			</div>
			<div class="autofit-col autofit-col-expand">
				<h4 class="list-group-title text-truncate">
					<span>{label}</span>
				</h4>
				{description && (
					<p class="list-group-subtitle text-truncate">
						{description}
					</p>
				)}
			</div>
		</div>
	);
};

export default FieldTypeBox;