import type React from "react"
import { cn } from "@/lib/utils"

export function TextFileIcon({
	className,
	...props
}: React.ComponentProps<"svg">) {
	return (
		<svg
			xmlns="http://www.w3.org/2000/svg"
			width="24"
			height="24"
			viewBox="0 0 24 24"
			fill="currentColor"
			className={cn(
				"icon icon-tabler icons-tabler-filled icon-tabler-file-text text-blue-300",
				className,
			)}
			{...props}
		>
			<title>Text File</title>
			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
			<path d="M12 2l.117 .007a1 1 0 0 1 .876 .876l.007 .117v4l.005 .15a2 2 0 0 0 1.838 1.844l.157 .006h4l.117 .007a1 1 0 0 1 .876 .876l.007 .117v9a3 3 0 0 1 -2.824 2.995l-.176 .005h-10a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-14a3 3 0 0 1 2.824 -2.995l.176 -.005zm3 14h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0 -2m0 -4h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0 -2m-5 -4h-1a1 1 0 1 0 0 2h1a1 1 0 0 0 0 -2" />
			<path d="M19 7h-4l-.001 -4.001z" />
		</svg>
	)
}