import { useState, useEffect, useRef } from "react";
// Usage
function App() {
  // State value and setter for our example
  const [count, setCount] = useState(0);
  // Get the previous value (was passed into hook on last render)
  const prevCount = usePrevious(count);
  // Display both current and previous count value
  return (
    <div>
      <h1>
        Now: {count}, before: {prevCount}
      </h1>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}
// Hook
function usePrevious(value) {
  // The ref object is a generic container whose current property is mutable ...
  // ... and can hold any value, similar to an instance property on a class
  const ref = useRef();
  // Store current value in ref
  useEffect(() => {
    ref.current = value;
  }, [value]); // Only re-run if value changes
  // Return previous value (happens before update in useEffect above)
  return ref.current;
}

function twoSum(nums: number[], target: number): number[] {
    const map = new Map();
    for(let i = 0; i < nums.length; i++) {
        if(map.has(target - nums[i])) {
            return [map.get(target - nums[i]), i];
        } else {
            map.set(nums[i], i);
        }
    }
    return []
}

console.log(twoSum([1, 2, 3, 4, 5], 3))

const langToConfig = {
    'javascript': {
        image: '',
        cmd: ['']
    },
    'php': {
        image: '',
        cmd: ['']
    },
}

// Print Hello, World!
console.log("Hello, World!");

function removeDuplicates(nums: number[]): number {
    nums.splice(0, nums.length, ...Array.from(new Set(nums)));
    return nums.length;
};

console.log(removeDuplicates([1, 2, 3, 4, 5, 6]))

https://ui.shadcn.com/create?base=base&template=vite&baseColor=stone&theme=blue&item=pagination-example