import { usePage } from '@inertiajs/react';

export const useCsrfToken = () => {
    const page = usePage();
    const csrfToken = page.props.csrfToken as string | undefined;
    if (csrfToken) {
        return csrfToken;
    }
    return document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
};

export const getCsrfHeaders = () => {
    const metaToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
    return {
        'X-CSRF-TOKEN': metaToken,
    };
};