Naim Ahmed Shuvo shuvo-me

## useNetwork.ts
import { useEffect, useState } from "react";

interface NetworkInformation extends EventTarget {
  downlink?: number;
  effectiveType?: "slow-2g" | "2g" | "3g" | "4g";
  rtt?: number;
  saveData?: boolean;
  onchange?: EventListener;
}

## useTextSelection.ts
import { useEffect, useState } from "react";

type UseTextSelectionReturn = {
  text: string;
  rects: DOMRect[];
  ranges: Range[];
  selection: Selection | null;
};

const getRangesFromSelection = (selection: Selection): Range[] => {

## mention.html
<textarea name="" id="mentionInput" cols="60" rows="2"></textarea>
    <div id="mention-list">

    </div>
	import { useEffect, useState } from "react";

	interface NetworkInformation extends EventTarget {
	downlink?: number;
	effectiveType?: "slow-2g" \| "2g" \| "3g" \| "4g";
	rtt?: number;
	saveData?: boolean;
	onchange?: EventListener;
	}
	import { useEffect, useState } from "react";

	type UseTextSelectionReturn = {
	text: string;
	rects: DOMRect[];
	ranges: Range[];
	selection: Selection \| null;
	};

	const getRangesFromSelection = (selection: Selection): Range[] => {
	<textarea name="" id="mentionInput" cols="60" rows="2"></textarea>
	<div id="mention-list">

	</div>