ox_lib/web/src/features/dev/debug/input.ts

import { debugData } from '../../../utils/debugData';
import { InputProps } from '../../dialog/InputDialog';

export const debugInput = () => {
  debugData<InputProps>([
    {
      action: 'openDialog',
      data: {
        heading: 'Police locker',
        rows: [
          { type: 'input', label: 'Locker number', placeholder: '420' },
          { type: 'checkbox', label: 'Some checkbox' },
          { type: 'input', label: 'Locker PIN', password: true, icon: 'lock' },
          { type: 'checkbox', label: 'Some other checkbox', checked: true },
          {
            type: 'select',
            label: 'Locker type',
            options: [
              { value: 'option1' },
              { value: 'option2', label: 'Option 2' },
              { value: 'option3', label: 'Option 3' },
            ],
          },
          {
            type: 'number',
            label: 'Number counter',
            default: 12,
            min: 3,
            max: 10,
          },
          { type: 'slider', label: 'Slide bar', min: 10, max: 50, step: 2 },
        ],
      },
    },
  ]);
};