// import React, { useState } from 'react';
import { ShieldCheckIcon, EnvelopeIcon } from '@heroicons/react/24/solid';

export default function FinishSetup( { logged = false } ) {
	// const doSetup = ( e: any ) => {
	// 	e.preventDefault();
	// };
	// const [ ourSetup, setOurSetup ] = useState( logged );
	return (
		// this is bonkers -  same render for both checked options, however wihtout without the conditional
		// the compoenent will not re-render - deel like I'm missing something
		// label will also not activate the input
		// think this is because onchange we need to re-render the component...
		<>
			{ logged && (
				<ShieldCheckIcon
					aria-hidden="true"
					className="-ml-0.5 size-5 text-white"
				/>
			) }
			{ ! logged && (
				<>
					<EnvelopeIcon
						aria-hidden="true"
						className="-ml-0.5 size-5 text-white"
					/>
					Basic
				</>
			) }
		</>
	);
}