import { z } from 'zod';
import React from 'react';

export const sectorSchema = z.object({
  nameKey: z.string(),
  // Zod is for data validation. React elements are complex objects not suitable for this.
  // We use z.custom() to trust that the provided value is a React.ReactElement.
  icon: z.custom<
    React.ReactElement<{
      className?: string;
      width?: number | string;
      height?: number | string;
      x?: number;
      y?: number;
    }>
  >(),
  colorKey: z.string(),
  // Optional fields for dynamic sectors
  backendName: z.string().optional(),
  count: z.number().optional(),
});