<template>
    <DocSectionText id="style" label="Style" v-bind="$attrs">
        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
        <div class="doc-tablewrapper">
            <table class="doc-table">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Element</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>p-fieldset</td>
                        <td>Fieldset element.</td>
                    </tr>
                    <tr>
                        <td>p-fieldset-toggleable</td>
                        <td>Toggleable fieldset element.</td>
                    </tr>
                    <tr>
                        <td>p-fieldset-legend</td>
                        <td>Legend element.</td>
                    </tr>
                    <tr>
                        <td>p-fieldset-content</td>
                        <td>Content element.</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </DocSectionText>
</template>
