import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useScrollToActiveTab } from './hooks';
import { Container, Divider, StyledTabs, Wrapper } from './styles';
export const Tabs = ({ ...tabsProps }) => {
    const { containerRef } = useScrollToActiveTab();
    return (_jsx(Container, { children: _jsxs(Wrapper, { children: [_jsx(StyledTabs, { ...tabsProps, ref: containerRef }), _jsx(Divider, {})] }) }));
};
