import Skeleton from '@design-system/Skeleton';
import { Stack } from '@mui/material';

export const BreadcrumbsSkeleton = () => {
  return (
    <Stack
      sx={{
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'flex-start',
        gap: 1,
      }}
    >
      {Array.from({ length: 3 }, (_, index) => (
        <Skeleton
          key={index}
          width={95}
          height={22}
        />
      ))}
    </Stack>
  );
};
