?HAMA

Navigation

Breadcrumbs

Create

Edit File Size: 1.50 KB

/home/nshryvcy/radiantskinclinics.org/wp-content/plugins/extendify_old/src/Launch/components/Card.jsx

Text Base64

import { Checkmark } from '@launch/svg';
import classNames from 'classnames';

export const Card = ({
	image,
	heading,
	name,
	description,
	selected,
	onClick,
	lock,
}) => {
	return (
		// biome-ignore lint: refactor this later
		<div
			role={lock ? undefined : 'button'}
			tabIndex={lock ? undefined : 0}
			aria-label={lock ? undefined : name}
			className={classNames(
				'overflow-hidden rounded-lg border border-gray-100 bg-transparent p-0 text-base',
				{
					'button-focus': !lock,
				},
			)}
			onKeyDown={(e) => {
				if (['Enter', 'Space', ' '].includes(e.key)) {
					if (!lock) onClick();
				}
			}}
			onClick={() => {
				if (!lock) onClick();
			}}
		>
			<div className="flex min-w-sm justify-between border-b border-gray-100 p-2">
				<div
					className={classNames('flex items-center', {
						'text-gray-700': !selected,
					})}
				>
					<span className="text-left">{name}</span>
					{lock && (
						<span className="dashicons dashicons-lock mr-6 h-4 w-4 pl-2 text-base leading-none"></span>
					)}
				</div>
				{(lock || selected) && <Checkmark className="w-6 text-design-main" />}
			</div>
			<div className="flex flex-col">
				{image ? (
					<div
						style={{ backgroundImage: `url(${image})` }}
						className="h-32 bg-cover"
					/>
				) : (
					<div className="h-32 bg-gray-100" />
				)}
				<div className="p-6">
					<div className="mb-2 text-left text-base font-bold">{heading}</div>
					<div className="text-left text-sm">{description}</div>
				</div>
			</div>
		</div>
	);
};

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
BusinessInformation DIR	-	drwxr-xr-x	2026-04-28 02:40:01	Edit Download recursive recursive
CreatingSite DIR	-	drwxr-xr-x	2026-04-28 02:40:01	Edit Download recursive recursive
QuestionIcon DIR	-	drwxr-xr-x	2026-04-28 02:40:02	Edit Download recursive recursive
Card.jsx	1.50 KB	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
CheckboxInput.jsx	1.47 KB	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
CheckboxInputCard.jsx	1.34 KB	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
LoadingIndicator.jsx	188 B	lrw-r--r--	2023-11-14 08:13:36	Edit Download recursive recursive
NavigationButton.jsx	354 B	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
PageControl.jsx	11.59 KB	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
PagePreview.jsx	8.13 KB	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
PageSelectButton.jsx	1.03 KB	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
PageSelectButtonPlaceholder.jsx	400 B	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
Questionnaire.jsx	2.60 KB	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
RestartLaunchModal.jsx	6.71 KB	lrw-r--r--	2026-02-27 04:48:52	Edit Download recursive recursive
RetryNotice.jsx	581 B	lrw-r--r--	2024-07-16 23:59:12	Edit Download recursive recursive
SmallPreview.jsx	7.53 KB	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
Title.jsx	416 B	lrw-r--r--	2024-10-08 14:19:28	Edit Download recursive recursive
VideoPlayer.jsx	775 B	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive

Directory Contents