import { 
  SortByKeys,
  SortOptionsBoxProps
} from '../model/types';
export const SortOptionsBox = ({
  sortBy,
  onCliCkToSort
}: SortOptionsBoxProps) => {
   
  return (
    <>
      <div className="sort-options">
        <button 
          className={ `sort-btn ${(sortBy === SortByKeys.New)? 'active': ''}` }
          onClick={ () => onCliCkToSort(SortByKeys.New) }
        >최신순</button>
        <span className="sort-divider">|</span>
        <button 
          className={ `sort-btn ${(sortBy === SortByKeys.Amount)? 'active': ''}` }
          onClick={ () => onCliCkToSort(SortByKeys.Amount) }
        >고액순</button>
      </div>
    </>
  );
};