import { type PropsWithChildren } from 'react';

import Stack from '@mui/material/Stack';

import TrackerOnly from './components/TrackerOnly';
import { type TimelineProps } from './types';

const Timeline = ({ children, ...props }: PropsWithChildren<TimelineProps>) => {
  return (
    <Stack sx={{ flexDirection: 'row', gap: 1 }}>
      <TrackerOnly {...props} />
      {children}
    </Stack>
  );
};

export default Timeline;
