A high-level tab container with built-in tab panel support and theming.

This component combines tab headers and matching content panels with built-in state management. It supports labeled tabs, icons, close behavior, and styling hooks through Box and Typography.

<CustomTabs
defaultAcive={1}
handleChange={(e, value) => console.log('Tab changed:', value)}
tabList={[{ label: 'One' }, { label: 'Two' }]}
tabsContents={[
{ content: <div>Tab One</div> },
{ content: <div>Tab Two</div> },
]}
/>