moodist/src/components/menu/items/notepad.tsx

import { MdNotes } from 'react-icons/md/index';

import { Item } from '../item';

import { useNoteStore } from '@/store';

interface NotepadProps {
  open: () => void;
}

export function Notepad({ open }: NotepadProps) {
  const note = useNoteStore(state => state.note);

  return (
    <Item
      active={!!note.length}
      icon={<MdNotes />}
      label="Notepad"
      onClick={open}
    />
  );
}