function ThemeItem(props) {
	const { next, active, value, onChange } = props;
	return (
		<label class="theme-btn" data-active={active === value} data-next={next === value}>
			<img src={`/assets/${value}.svg`} class="icon" alt={`${value} theme`} width="20" height="20" />
			<input
				name="theme"
				type="radio"
				value={value}
				class="is-hidden"
				onClick={onChange}
				checked={active === value}
			/>
		</label>
	);
}
@param {{onChange: (event: Event<HTMLInputElement>) => void, active: string, next:string, value: string}} props