import * as React from 'react' ; import { useId } from '../../useId' ; import { wrapEvent } from '../../utils' ; export const Tabs = ( { children , ... props } ) => { return ( < div { ... props } data - tabs = "" > { children } < /div>); } ; export const TabList = ( { children , ... props } ) => { return ( < div { ... props } data - tab - list = "" > { children } < /div>); } ; export const Tab = ( { children , ... props } ) => { return ( < div { ... props } data - tab = "" > { children } < /div>); } ; export const TabPanels = ( { children , ... props } ) => { return ( < div { ... props } data - tab - panels = "" > { children } < /div>); } ; export const TabPanel = ( { children , ... props } ) => { return ( < div { ... props } data - tab - panel = "" > { children } < /div>); } ;