import { FlexDirection } from '@oinone/kunlun-vue-ui-common';
import { computed, type ComputedRef, inject, type InjectionKey, provide } from 'vue';

export interface OioDefaultRowContext {
  flexDirection: ComputedRef<FlexDirection>;
  wrap: ComputedRef<boolean>;
}

export const defaultDefaultRowContext: OioDefaultRowContext = {
  flexDirection: computed(() => FlexDirection.Row),
  wrap: computed(() => true)
};

export const OioDefaultRowContextKey: InjectionKey<OioDefaultRowContext> = Symbol('OioDefaultRowContext');

export const useProviderOioDefaultRowContext = (state: Partial<OioDefaultRowContext>): void => {
  provide(OioDefaultRowContextKey, {
    ...defaultDefaultRowContext,
    ...state
  });
};

export const useInjectOioDefaultRowContext = (): OioDefaultRowContext => {
  return inject(OioDefaultRowContextKey, defaultDefaultRowContext);
};