"use client";

import { Copy, Plus } from "lucide-react";
import IconOnlyButton from "../ui/IconOnlyButton";
import Block from "./Block";

export default function Editor() {
  return (
    <div className="flex flex-col items-center max-w-2xl w-full gap-4">
      <input className="font-bold text-xl w-full text-center focus:outline-none" />
      <Block />
      <div className="flex gap-2">
        <IconOnlyButton icon={<Plus size={24} />} />
        <IconOnlyButton icon={<Copy size={24} />} title="Copy note to clipboard" />
      </div>
    </div>
  );
}