import { LineIcon } from "./icon";

import type { IconProps } from "./icon";

export function ArchiveIcon(props: IconProps) {
	return (
		<LineIcon {...props}>
			<path d="M14.75,6.25v7c0,1.105-.895,2-2,2H5.25c-1.105,0-2-.895-2-2V6.25" />
			<rect height="3.5" rx="1" ry="1" width="14.5" x="1.75" y="2.75" />
			<line x1="7" x2="11" y1="9.25" y2="9.25" />
		</LineIcon>
	);
}

export function DocumentIcon(props: IconProps) {
	return (
		<LineIcon {...props}>
			<path d="M2.75,14V4.25c0-1.105,.895-2,2-2H15.25V12.25" />
			<path
				d="M11,14H7v3.5c0,.202,.122,.385,.309,.462,.187,.079,.401,.035,.545-.108l1.146-1.146,1.146,1.146c.096,.096,.224,.146,.354,.146,.064,0,.13-.012,.191-.038,.187-.077,.309-.26,.309-.462v-3.5Z"
				fill="currentColor"
				stroke="none"
			/>
			<path d="M5.25,15.75h-.75c-.966,0-1.75-.783-1.75-1.75s.784-1.75,1.75-1.75H15.25c-.641,.844-.734,2.547,0,3.5h-2.5" />
			<circle cx="5.75" cy="9.75" fill="currentColor" r=".75" stroke="none" />
			<circle cx="5.75" cy="4.75" fill="currentColor" r=".75" stroke="none" />
			<circle cx="5.75" cy="7.25" fill="currentColor" r=".75" stroke="none" />
		</LineIcon>
	);
}

export function SearchIcon(props: IconProps) {
	return (
		<LineIcon viewBox="0 0 15 15" {...props}>
			<path d="M14.25 14.25L10.1386 10.1386" />
			<path d="M6.25 11.75C9.2875 11.75 11.75 9.2875 11.75 6.25C11.75 3.2125 9.2875 0.75 6.25 0.75C3.2125 0.75 0.75 3.2125 0.75 6.25C0.75 9.2875 3.2125 11.75 6.25 11.75Z" />
		</LineIcon>
	);
}

export function LoaderIcon({ size = 14, ...props }: IconProps) {
	let labelled = props["aria-label"] !== undefined || props["aria-labelledby"] !== undefined;
	let paths = [
		[
			"M9,5c-.414,0-.75-.336-.75-.75V1.75c0-.414,.336-.75,.75-.75s.75,.336,.75,.75v2.5c0,.414-.336,.75-.75,.75Z",
			1,
		],
		[
			"M12.359,6.391c-.192,0-.384-.073-.53-.22-.293-.293-.293-.768,0-1.061l1.768-1.768c.293-.293,.768-.293,1.061,0s.293,.768,0,1.061l-1.768,1.768c-.146,.146-.338,.22-.53,.22Z",
			0.88,
		],
		[
			"M16.25,9.75h-2.5c-.414,0-.75-.336-.75-.75s.336-.75,.75-.75h2.5c.414,0,.75,.336,.75,.75s-.336,.75-.75,.75Z",
			0.75,
		],
		[
			"M14.126,14.876c-.192,0-.384-.073-.53-.22l-1.768-1.768c-.293-.293-.293-.768,0-1.061s.768-.293,1.061,0l1.768,1.768c.293,.293,.293,.768,0,1.061-.146,.146-.338,.22-.53,.22Z",
			0.63,
		],
		[
			"M9,17c-.414,0-.75-.336-.75-.75v-2.5c0-.414,.336-.75,.75-.75s.75,.336,.75,.75v2.5c0,.414-.336,.75-.75,.75Z",
			0.5,
		],
		[
			"M3.874,14.876c-.192,0-.384-.073-.53-.22-.293-.293-.293-.768,0-1.061l1.768-1.768c.293-.293,.768-.293,1.061,0s.293,.768,0,1.061l-1.768,1.768c-.146,.146-.338,.22-.53,.22Z",
			0.38,
		],
		[
			"M4.25,9.75H1.75c-.414,0-.75-.336-.75-.75s.336-.75,.75-.75h2.5c.414,0,.75,.336,.75,.75s-.336,.75-.75,.75Z",
			0.25,
		],
		[
			"M5.641,6.391c-.192,0-.384-.073-.53-.22l-1.768-1.768c-.293-.293-.293-.768,0-1.061s.768-.293,1.061,0l1.768,1.768c.293,.293,.293,.768,0,1.061-.146,.146-.338,.22-.53,.22Z",
			0.13,
		],
	] as const;
	return (
		<svg
			aria-hidden={labelled ? undefined : true}
			data-nucleo-icon=""
			fill="currentColor"
			height={size}
			viewBox="0 0 18 18"
			width={size}
			{...props}
		>
			{paths.map(([path, opacity]) => <path d={path} key={path} opacity={opacity} />)}
		</svg>
	);
}