import type { MenuItemProps, SelectProps } from '@mui/material';

import type { JSX } from 'react';

export interface DropdownProps extends Omit<SelectProps, 'size' | 'variant' | 'placeholder'> {
  // mui variant 를 바꾸게 되면 스타일이 틀어질 수 있어서 variant 를 아예 사용하지 못하게 props 에서 제거
  // mui select 에서는 placeholder 가 동작하지 않기 때문에 유저가 헷갈리지 않게 props 에서 제거
  select?: 'single' | 'multiple';
  size?: 'small' | 'medium' | 'large';
}

export interface DropdownItemProps extends MenuItemProps {
  leftIcon?: JSX.Element;
  rightText?: string;
  isFilledStyle?: boolean;
}