33 lines
		
	
	
		
			769 B
		
	
	
	
		
			JavaScript
		
	
	
	
			
		
		
	
	
			33 lines
		
	
	
		
			769 B
		
	
	
	
		
			JavaScript
		
	
	
	
| import {ref, inject, computed, onBeforeUnmount} from 'vue';
 | |
| import {router} from '@inertiajs/vue3';
 | |
| import useQueueEvents from './useQueueEvents.js';
 | |
| 
 | |
| export default function () {
 | |
|     const sizes = {
 | |
|         sm: {
 | |
|             label: 'text-xs',
 | |
|             field: 'text-xs',
 | |
|         },
 | |
|         default: {
 | |
|             label: 'text-sm',
 | |
|             field: 'text-sm',
 | |
|         },
 | |
|     };
 | |
| 
 | |
|     const defaultFieldClass = 'border-2 p-2 rounded-lg bg-gray-700 border-gray-600 text-gray-300 border-solid';
 | |
| 
 | |
|     function labelClass(size) {
 | |
|         return sizes[size ? size : 'default'].label;
 | |
|     }
 | |
| 
 | |
|     function fieldClass(size) {
 | |
|         return sizes[size ? size : 'default'].field;
 | |
|     }
 | |
| 
 | |
|     return {
 | |
|         labelClass,
 | |
|         fieldClass,
 | |
|         defaultFieldClass,
 | |
|     };
 | |
| }
 |