첫 커밋

src/entities/tax/ui/sort-options-box.tsx

@@ -0,0 +1,25 @@
+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>
+    </>
+  );
+};