"use client";

import type { LucideProps } from "lucide-react";

export function BorderAllIcon(props: LucideProps) {
	return (
		<svg
			fill="none"
			height="15"
			viewBox="0 0 15 15"
			width="15"
			xmlns="http://www.w3.org/2000/svg"
			{...props}
		>
			<title>Border All</title>
			<path
				clipRule="evenodd"
				d="M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25H14C14.4142 0.25 14.75 0.585786 14.75 1V14C14.75 14.4142 14.4142 14.75 14 14.75H1C0.585786 14.75 0.25 14.4142 0.25 14V1ZM1.75 1.75V13.25H13.25V1.75H1.75Z"
				fill="currentColor"
				fillRule="evenodd"
			/>
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="5" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="3" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="7" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="5" y="7" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="3" y="7" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="9" y="7" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="11" y="7" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="9" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="11" />
		</svg>
	);
}

export function BorderBottomIcon(props: LucideProps) {
	return (
		<svg
			fill="none"
			height="15"
			viewBox="0 0 15 15"
			width="15"
			xmlns="http://www.w3.org/2000/svg"
			{...props}
		>
			<title>Border Bottom</title>
			<path
				clipRule="evenodd"
				d="M1 13.25L14 13.25V14.75L1 14.75V13.25Z"
				fill="currentColor"
				fillRule="evenodd"
			/>
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="5" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="5" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="3" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="3" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="7" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="1" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="7" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="1" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="5" y="7" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="5" y="1" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="3" y="7" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="3" y="1" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="9" y="7" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="9" y="1" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="11" y="7" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="11" y="1" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="9" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="9" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="11" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="11" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="5" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="3" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="7" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="1" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="9" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="11" />
		</svg>
	);
}

export function BorderLeftIcon(props: LucideProps) {
	return (
		<svg
			fill="none"
			height="15"
			viewBox="0 0 15 15"
			width="15"
			xmlns="http://www.w3.org/2000/svg"
			{...props}
		>
			<title>Border Left</title>
			<path
				clipRule="evenodd"
				d="M1.75 1L1.75 14L0.249999 14L0.25 1L1.75 1Z"
				fill="currentColor"
				fillRule="evenodd"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 10 7)"
				width="1"
				x="10"
				y="7"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 10 13)"
				width="1"
				x="10"
				y="13"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 12 7)"
				width="1"
				x="12"
				y="7"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 12 13)"
				width="1"
				x="12"
				y="13"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 8 7)"
				width="1"
				x="8"
				y="7"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 14 7)"
				width="1"
				x="14"
				y="7"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 8 13)"
				width="1"
				x="8"
				y="13"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 14 13)"
				width="1"
				x="14"
				y="13"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 8 5)"
				width="1"
				x="8"
				y="5"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 14 5)"
				width="1"
				x="14"
				y="5"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 8 3)"
				width="1"
				x="8"
				y="3"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 14 3)"
				width="1"
				x="14"
				y="3"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 8 9)"
				width="1"
				x="8"
				y="9"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 14 9)"
				width="1"
				x="14"
				y="9"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 8 11)"
				width="1"
				x="8"
				y="11"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 14 11)"
				width="1"
				x="14"
				y="11"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 6 7)"
				width="1"
				x="6"
				y="7"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 6 13)"
				width="1"
				x="6"
				y="13"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 4 7)"
				width="1"
				x="4"
				y="7"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 4 13)"
				width="1"
				x="4"
				y="13"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 10 1)"
				width="1"
				x="10"
				y="1"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 12 1)"
				width="1"
				x="12"
				y="1"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 8 1)"
				width="1"
				x="8"
				y="1"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 14 1)"
				width="1"
				x="14"
				y="1"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 6 1)"
				width="1"
				x="6"
				y="1"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(90 4 1)"
				width="1"
				x="4"
				y="1"
			/>
		</svg>
	);
}

export function BorderNoneIcon(props: LucideProps) {
	return (
		<svg
			fill="none"
			height="15"
			viewBox="0 0 15 15"
			width="15"
			xmlns="http://www.w3.org/2000/svg"
			{...props}
		>
			<title>Border None</title>
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="5.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="5.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="3.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="3.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="7.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="13.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="1.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="7.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="13.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="1.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="5" y="7.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="5" y="13.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="5" y="1.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="3" y="7.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="3" y="13.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="3" y="1.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="9" y="7.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="9" y="13.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="9" y="1.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="11" y="7.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="11" y="13.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="11" y="1.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="9.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="9.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="11.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="11.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="5.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="3.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="7.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="13.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="1.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="9.025" />
			<rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="11.025" />
		</svg>
	);
}

export function BorderRightIcon(props: LucideProps) {
	return (
		<svg
			fill="none"
			height="15"
			viewBox="0 0 15 15"
			width="15"
			xmlns="http://www.w3.org/2000/svg"
			{...props}
		>
			<title>Border Right</title>
			<path
				clipRule="evenodd"
				d="M13.25 1L13.25 14L14.75 14L14.75 1L13.25 1Z"
				fill="currentColor"
				fillRule="evenodd"
			/>
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 5 7)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 5 13)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 3 7)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 3 13)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 7)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 7)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 13)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 13)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 5)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 5)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 3)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 3)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 9)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 9)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 11)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 11)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 9 7)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 9 13)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 11 7)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 11 13)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 5 1)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 3 1)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 1)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 1)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 9 1)" width="1" />
			<rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 11 1)" width="1" />
		</svg>
	);
}

export function BorderTopIcon(props: LucideProps) {
	return (
		<svg
			fill="none"
			height="15"
			viewBox="0 0 15 15"
			width="15"
			xmlns="http://www.w3.org/2000/svg"
			{...props}
		>
			<title>Border Top</title>
			<path
				clipRule="evenodd"
				d="M14 1.75L1 1.75L1 0.249999L14 0.25L14 1.75Z"
				fill="currentColor"
				fillRule="evenodd"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 8 10)"
				width="1"
				x="8"
				y="10"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 2 10)"
				width="1"
				x="2"
				y="10"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 8 12)"
				width="1"
				x="8"
				y="12"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 2 12)"
				width="1"
				x="2"
				y="12"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 8 8)"
				width="1"
				x="8"
				y="8"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 8 14)"
				width="1"
				x="8"
				y="14"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 2 8)"
				width="1"
				x="2"
				y="8"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 2 14)"
				width="1"
				x="2"
				y="14"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 10 8)"
				width="1"
				x="10"
				y="8"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 10 14)"
				width="1"
				x="10"
				y="14"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 12 8)"
				width="1"
				x="12"
				y="8"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 12 14)"
				width="1"
				x="12"
				y="14"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 6 8)"
				width="1"
				x="6"
				y="8"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 6 14)"
				width="1"
				x="6"
				y="14"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 4 8)"
				width="1"
				x="4"
				y="8"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 4 14)"
				width="1"
				x="4"
				y="14"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 8 6)"
				width="1"
				x="8"
				y="6"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 2 6)"
				width="1"
				x="2"
				y="6"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 8 4)"
				width="1"
				x="8"
				y="4"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 2 4)"
				width="1"
				x="2"
				y="4"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 14 10)"
				width="1"
				x="14"
				y="10"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 14 12)"
				width="1"
				x="14"
				y="12"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 14 8)"
				width="1"
				x="14"
				y="8"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 14 14)"
				width="1"
				x="14"
				y="14"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 14 6)"
				width="1"
				x="14"
				y="6"
			/>
			<rect
				fill="currentColor"
				height="1"
				rx=".5"
				transform="rotate(-180 14 4)"
				width="1"
				x="14"
				y="4"
			/>
		</svg>
	);
}
