/**
 * @file SortMenu.tsx
 * @description ガントチャートのタスクソートメニューコンポーネント
 * 
 * このコンポーネントは以下の機能を提供します：
 * - タスクの並び替えメニュー表示
 * - 名前順、担当者順、種別順、手動順でのソート機能
 * - ドロップダウンメニューの表示・非表示制御
 */

import React from 'react';
import { Button } from '@/components/ui/button';
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuTrigger,
} from '@/components/ui/dropdown-menu';

interface Props {
  handleSort: (sortType: string) => void;
}

export const SortMenu: React.FC<Props> = ({
  handleSort,
}) => {
  return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <Button variant="outline" className="text-sm">
          並び替え
        </Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent>
        <DropdownMenuItem onClick={() => handleSort('name')}>
          プロジェクト名
        </DropdownMenuItem>
        <DropdownMenuItem onClick={() => handleSort('worker')}>
          担当者
        </DropdownMenuItem>
      </DropdownMenuContent>
    </DropdownMenu>
  );
};

export default SortMenu;