import React from 'react';
import { Box } from '@nova-hf/ui';
import LoadingPlaceholder from 'components/loading-placeholder/LoadingPlaceholder';

export const SearchLoading = () => {
  return (
    <Box>
      <Box display="flex" gap={3}>
        <LoadingPlaceholder size={36} width={150} />
        <LoadingPlaceholder size={36} width={100} />
        <LoadingPlaceholder size={36} width={200} />
      </Box>
      <Box display="flex" marginY={8}>
        <LoadingPlaceholder size={56} width={200} />
      </Box>
      <Box display="flex" marginY={8}>
        <LoadingPlaceholder size={250} width={400} />
      </Box>
    </Box>
  );
};