import { Image, Text } from '@mantine/core';
import React from 'react';

const Thumbnails = () => {
  return (
    <>
      <Text style={{ marginTop: '1rem' }}>문서 내 이미지</Text>
      <div style={{ display: 'flex', justifyContent: 'space-between' }}>
        <Image width={200} height={250} radius="md" withPlaceholder />
        <Image width={200} height={250} radius="md" withPlaceholder />
        <Image width={200} height={250} radius="md" withPlaceholder />
        <Image width={200} height={250} radius="md" withPlaceholder />
      </div>
    </>
  );
};
export default Thumbnails;