import type { InjectionKey } from 'vue';
import { inject, provide } from 'vue';
import type { Key } from '../interface';

interface ResizeContextProps {
  onColumnResize: (columnKey: Key, width: number) => void;
}

export const ResizeContextKey: InjectionKey<ResizeContextProps> = Symbol('ResizeContextProps');

export const useProvideResize = (props: ResizeContextProps) => {
  provide(ResizeContextKey, props);
};

export const useInjectResize = () => {
  return inject(ResizeContextKey, { onColumnResize: () => {} });
};