import React from 'react';
import { Scrollable } from "../ui/scrollable";
import { useConfigServiceContext } from '../../services';

interface ScrollableTabProps {
    children: React.ReactNode;
}

const ScrollableTab = ({ children }: ScrollableTabProps) => {
    const { getScrollableTabHeight } = useConfigServiceContext();

    return (
        <Scrollable scrollDirection="y"
                    style={{
                        height: getScrollableTabHeight(),
                        padding: '2px 8px'
                    }}>
            {children}
        </Scrollable>
    );
};

export default ScrollableTab;