/**
 * TouchActionButton Icons
 *
 * SVG icons used by the floating action button and its radial menu.
 */

import React from 'react';

export function PlusIcon() {
	return (
		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round">
			<line x1="12" y1="6" x2="12" y2="18" />
			<line x1="6" y1="12" x2="18" y2="12" />
		</svg>
	);
}

export function MergeIcon() {
	return (
		<svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
			<path d="M6 4 L10 10 L6 16" />
			<path d="M14 4 L10 10 L14 16" />
		</svg>
	);
}

export function DuplicateIcon() {
	return (
		<svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
			<rect x="3" y="5" width="10" height="10" rx="2" />
			<rect x="7" y="5" width="10" height="10" rx="2" />
		</svg>
	);
}

export function SelectAllIcon() {
	return (
		<svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
			<rect x="3" y="3" width="14" height="14" rx="2" strokeDasharray="3 2" />
			<polyline points="7 10 9 12 13 8" />
		</svg>
	);
}

export function SearchIcon() {
	return (
		<svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round">
			<circle cx="9" cy="9" r="5" />
			<line x1="13" y1="13" x2="17" y2="17" />
		</svg>
	);
}

export function UndoIcon() {
	return (
		<svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
			<polyline points="5 9 2 6 5 3" />
			<path d="M2 6h10a5 5 0 0 1 0 10H8" />
		</svg>
	);
}

export function RedoIcon() {
	return (
		<svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
			<polyline points="15 9 18 6 15 3" />
			<path d="M18 6H8a5 5 0 0 0 0 10h4" />
		</svg>
	);
}
