function TableAccordion({}) {
    return (
        <div className='lbaic-settings-table-accordion-wrapper lbaic-settings-scroll-x lbaic-settings-scroll-style'>
            <table className='lbaic-settings-table-accordion'>
                <thead className='lbaic-settings-table-accordion-header'>
                <tr className='lbaic-settings-table-accordion-header-in'>
                    <th className='lbaic-settings-table-accordion-header-item'>
                        <span className='lbaic-settings-table-accordion-header-label'>Name</span>
                    </th>
                    <th className='lbaic-settings-table-accordion-header-item'>
                        <span className='lbaic-settings-table-accordion-header-label'>Endpoint</span>
                    </th>
                    <th className='lbaic-settings-table-accordion-header-item'>
                        <span className='lbaic-settings-table-accordion-header-label'>Input</span>
                    </th>
                    <th className='lbaic-settings-table-accordion-header-item'>
                        <span className='lbaic-settings-table-accordion-header-label'>Output</span>
                    </th>
                    <th className='lbaic-settings-table-accordion-header-item lbaic-settings-table-accordion-header-arrow'>

                    </th>
                </tr>
                </thead>
                <tbody className='lbaic-settings-table-accordion-body'>
                <tr className='lbaic-settings-table-accordion-body-in lbaic-settings-table-accordion-summary'>
                    <td className='lbaic-settings-table-accordion-body-item'>
                        <span className='lbaic-settings-table-accordion-body-label'>Title Suggestions</span>
                    </td>
                    <td className='lbaic-settings-table-accordion-body-item'>
                        <span className='lbaic-settings-table-accordion-body-label'>Chat Completions</span>
                    </td>
                    <td className='lbaic-settings-table-accordion-body-item'>
                        <span className='lbaic-settings-table-accordion-body-label'>Text</span>
                    </td>
                    <td className='lbaic-settings-table-accordion-body-item'>
                        <span className='lbaic-settings-table-accordion-body-label'>Text</span>
                    </td>
                    <td className='lbaic-settings-table-accordion-body-item lbaic-settings-table-accordion-body-arrow'>
                        <svg
                            className='lbaic-settings-table-accordion-body-arrow-i'
                            xmlns='http://www.w3.org/2000/svg'
                            fill='none'
                            viewBox='0 0 16 16'
                        >
                            <use href='#lbaic-settings-arrow'/>
                        </svg>
                    </td>
                </tr>
                <tr className='lbaic-settings-table-accordion-body-in lbaic-settings-table-accordion-details'>
                    <td className='lbaic-settings-table-accordion-body-item' colSpan='5'>
                        <div className='lbaic-settings-table-accordion-content'>

                        </div>
                    </td>
                </tr>
                <tr className='lbaic-settings-table-accordion-body-in lbaic-settings-table-accordion-summary'>
                    <td className='lbaic-settings-table-accordion-body-item'>
                        <span className='lbaic-settings-table-accordion-body-label'>Title Suggestions</span>
                    </td>
                    <td className='lbaic-settings-table-accordion-body-item'>
                        <span className='lbaic-settings-table-accordion-body-label'>Chat Completions</span>
                    </td>
                    <td className='lbaic-settings-table-accordion-body-item'>
                        <span className='lbaic-settings-table-accordion-body-label'>Text</span>
                    </td>
                    <td className='lbaic-settings-table-accordion-body-item'>
                        <span className='lbaic-settings-table-accordion-body-label'>Text</span>
                    </td>
                    <td className='lbaic-settings-table-accordion-body-item lbaic-settings-table-accordion-body-arrow'>
                        <svg
                            className='lbaic-settings-table-accordion-body-arrow-i'
                            xmlns='http://www.w3.org/2000/svg'
                            fill='none'
                            viewBox='0 0 16 16'
                        >
                            <use href='#lbaic-settings-arrow'/>
                        </svg>
                    </td>
                </tr>
                <tr className='lbaic-settings-table-accordion-body-in lbaic-settings-table-accordion-details opened'>
                    <td className='lbaic-settings-table-accordion-body-item lbaic-settings-table-accordion-details-in' colSpan='5'>
                        <div className='lbaic-settings-table-accordion-content'>

                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    )
}

export default TableAccordion;