import { StyledTabItem } from './styled-tab-item';
import * as React from 'react';

interface Props {
    id: string;
    tab: string;
    currentTab: string;
    style?: React.CSSProperties;
    children: React.ReactNode;
}

const TabItem = (props: Props) => {
    return(
        <StyledTabItem
            id={props.id}
            show={props.tab === props.currentTab}
            style={{...props.style}}
        >
            {props.children}
        </StyledTabItem>
    )
}

export default TabItem;