import type { RecentThought } from '@/entities/session';
import { InboxList } from '@/features/inbox';

interface InboxToolPanelProps {
  thoughts: RecentThought[];
  onClear: () => void;
}

export const InboxToolPanel = ({ thoughts, onClear }: InboxToolPanelProps) => {
  return (
    <div className="space-y-3.5">
      <div className="flex items-center justify-between gap-2">
        <p className="text-xs text-white/58">나중에 모아보는 읽기 전용 인박스</p>
        <button
          type="button"
          onClick={onClear}
          className="rounded-full border border-white/20 bg-white/8 px-2.5 py-1 text-[11px] text-white/74 transition-colors hover:bg-white/14 hover:text-white"
        >
          모두 비우기
        </button>
      </div>
      <InboxList thoughts={thoughts} />
    </div>
  );
};