Function DropdownCheckbox

website/app/components/Dropdown.tsx:148–197

({
	label,
	items,
	w,
	noBorder,
	refine,
	showCount,
	search,
}: DropdownProps)

};

const DropdownCheckbox = ({
	label,
	items,
	w,
	noBorder,
	refine,
	showCount,
	search,
}: DropdownProps) => {
	const options = items.map((item) => (
		<Combobox.Option
			value={item.value}
			key={item.value}
			active={item.isRefined}
		>
			<Group gap="sm" justify="flex-start">
				<Checkbox
					checked={item.isRefined}
					aria-hidden
					tabIndex={-1}
					style={{ pointerEvents: 'none' }}
					readOnly
				/>
				<span className={classes.option}>{item.label ?? item.value}</span>
				{showCount && item.count && (
					<Badge
						variant="light"
						color="gray"
						size="sm"
						className={classes.count}
					>
						{item.count}
					</Badge>
				)}
			</Group>
		</Combobox.Option>
	));

	return (
		<DropdownBase
			label={label}
			options={options}
			w={w}
			noBorder={noBorder}
			refine={refine}
			search={search}
			disabled={items.length === 0 && !search}
		/>
	);
};

export { DropdownCheckbox, DropdownSimple };