import {styled} from '@mui/material/styles';
import {Swiper} from 'swiper/react';

const FullWidth = styled('div')`
    display: flex;
    gap: 8px;
`;

const Standard = styled('div')`
    display: flex;
    gap: 8px;
`;

const Scrollable = styled(Swiper)`
    .swiper-slide {
        width: auto;
        display: flex;
        gap: 8px;
    }
`;

export const TabsContainerStyle = {
    FullWidth,
    Standard,
    Scrollable,
};