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

import { type PropertySkeletonProps } from './types';

const PropertySkeleton = ({ variant }: PropertySkeletonProps) => {
  const globalVariant = `global${variant}` as const;

  return (
    <Skeleton>
      <Typography variant={globalVariant}>{'Loading...'}</Typography>
    </Skeleton>
  );
};

export default PropertySkeleton;
