import { Directive } from '@angular/core';
import { classes } from '@spartan-ng/styles/utils';

@Directive({
	selector: '[hlmFieldTitle],hlm-field-title',
	host: { 'data-slot': 'field-label' },
})
export class HlmFieldTitle {
	constructor() {
		classes(
			() =>
				'gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center',
		);
	}
}