import React from 'react';
import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons';

export const MenuTrigger = ({ collapsed, setCollapsed, isDarkMode }) => {
  const Icon = collapsed ? MenuUnfoldOutlined : MenuFoldOutlined;
  
  return (
    <Icon
      className="trigger"
      onClick={() => setCollapsed(!collapsed)}
      style={{ 
        fontSize: '18px', 
        padding: '0 24px',
        cursor: 'pointer',
        color: isDarkMode ? '#fff' : '#000'
      }}
    />
  );
};