text: import React, { useState, useEffect } from 'react';
  import { css } from '@emotion/react';
  import usePropiedades from '../hooks/usePropiedades';
  import PropiedadPreview from './propiedadPreview';
  
  const ListadoPropiedades = () => {
  
    const resultado = usePropiedades();
    
    const [propiedades, guardarPropiedades] = useState([]);
  
    useEffect(() => {
      guardarPropiedades(resultado);
    }, [])
  
  
  
    return (
    <>
        <h2 css={css`
            margin-top: 5rem;
        `}>Nuestras Propiedades</h2>
    
        <ul>
          {propiedades.map( propiedad => (
          <PropiedadPreview
            propiedad={propiedad}
          
          />
  
        ))}
      </ul>
    </>
    );
  }
  
  export default ListadoPropiedades;