vivekneupane11

import React, { useEffect, useState } from "react";
import useCommentModal from "../customHooks/useCommentModal";
import { useEditor } from "../customHooks/useEditor";
import useModal from "../customHooks/useModal";
import useUpdateDom from "../customHooks/useUpdateDom";

export default function FloatingToolBar({ x, y }) {
  const [open, setOpen] = useState(true);
  const changeType = useEditor(state=>state.changeType)
  const {addBold} = useUpdateDom()

vivekneupane11

<main>
<header>
<p class="heading">Select Text To Add Comments, Highlight text ..</p>
</header>
<div class="blog-post">
<p class="post-title">Why Nepal is the Best Place to Visit</p>
<p class="post-meta">Author Name | Publication Date</p>
<div class="post-content">
    <p>
        Nepal, a small landlocked country nestled in the lap of the Himalayas, is a paradise for travelers and adventure seekers alike. Here are some compelling reasons why Nepal should be at the top of your travel bucket list:

vivekneupane11

@import url("https://fonts.googleapis.com/css2?family=Times+New+Roman&display=swap");

html{
    background: #000000; /* Fallback color */
  background: linear-gradient(to bottom, #333333, #000000);
}
body {
  font-family: "Times New Roman", Times, serif;
  line-height: 1.6;
  margin: 0;