import React from "react";
import { MiniCalendar } from "../calendar/MiniCalendar";
import { SearchBar } from "../search/SearchBar";
import { TagsFilter } from "../search/TagsFilter";
import { Note } from "../../types/note";

interface SidebarProps {
  notes: Note[];
}

export const Sidebar: React.FC<SidebarProps> = ({ notes }) => {
  return (
    <div className="container-leftside">
      <MiniCalendar notes={notes} />
      <SearchBar />
      <TagsFilter notes={notes} />
    </div>
  );
};