/**
 * Internal Dependencies
 */
import { clsx } from '@admin/utils';
import { Checkbox } from '@admin/components/Checkbox';

export function CheckRow( { checked, onChange, label } ) {
	return (
		<div
			className={ clsx(
				'rounded border px-3 py-2 text-[13px] transition-colors',
				checked
					? 'border-primary bg-primary/5'
					: 'border-border bg-white'
			) }
		>
			<Checkbox
				checked={ checked }
				onChange={ onChange }
				label={ label }
			/>
		</div>
	);
}