export function LogoDark() {
	return (
		<div className='noclick'>
			<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
				<rect width='24' height='24' fill='var(--background)' />
				<circle cx='6.5' cy='6.5' r='4.5' fill='var(--disk-b)' />
				<circle cx='6.5' cy='17.5' r='4.5' fill='var(--disk-a)' />
				<circle cx='17.5' cy='17.5' r='4.5' fill='var(--disk-b)' />
				<circle cx='17.5' cy='6.5' r='3.5' stroke='var(--text)' strokeWidth='2' />
			</svg>
		</div>
	);
}

export function LogoLight() {
	return (
		<div className='noclick'>
			<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
				<rect width='24' height='24' fill='var(--page-background)' />
				<circle cx='6.5' cy='6.5' r='4.5' fill='var(--disk-b)' />
				<circle cx='6.5' cy='17.5' r='4.5' fill='var(--disk-a)' />
				<circle cx='17.5' cy='17.5' r='4.5' fill='var(--disk-b)' />
				<circle cx='17.5' cy='6.5' r='3.5' stroke='var(--background)' strokeWidth='2' />
			</svg>
		</div>
	);
}