import React from 'react' ; import APITokenManager from '@/Domains/API/APITokenManager' ; import AppLayout from '@/Layouts/AppLayout' ; import { ApiToken } from '@/types' ; interface Props { tokens : ApiToken [ ] ; availablePermissions : string [ ] ; defaultPermissions : string [ ] ; } export default function ApiTokenIndex ( { tokens , availablePermissions , defaultPermissions , } ) { return ( < AppLayout title = { 'API Tokens' } > < div > < div className = "max-w-7xl mx-auto py-10 sm:px-6 lg:px-8" > < APITokenManager tokens = { tokens } availablePermissions = { availablePermissions } defaultPermissions = { defaultPermissions } / > < /div> < /div> < /AppLayout>); }