'use client';

import { PeriodSelector } from '@horux/shared-ui';
import { usePeriodoStore } from '@/stores/periodo-store';

/**
 * Wrapper alrededor de `<PeriodSelector />` de shared-ui que persiste la
 * selección en `periodo-store`. Pasado como children al `<Header>` en las
 * páginas que lo usan (mismo patrón que /dashboard, /impuestos, etc).
 */
export function PeriodoSelector() {
  const { fechaInicio, fechaFin, setRango } = usePeriodoStore();
  return (
    <PeriodSelector
      fechaInicio={fechaInicio}
      fechaFin={fechaFin}
      onChange={setRango}
    />
  );
}