import { NavLink } from 'react-router-dom';

// Define the PropertyData type
export type BlogData = {

    id: string;
    image: string;
    Title: string;
    adTitle: string;
    DetailUrl: string;
    ShortDescription: string;
};

interface AreaGuideCardProps {
    property: BlogData;
}

const AreaGuideCard: React.FC<AreaGuideCardProps> = ({ property }) => {
    const {

        image,
        Title,
        DetailUrl,

    } = property;
    const baseUrl = window.location.origin;

    return (
        <>
            <div className="col-sm-4">
                <div className="the-inner">
                    <NavLink to={`${baseUrl}${DetailUrl}`} className="mor-a-list"></NavLink>
                    <div className="img-info" style={{ backgroundImage: `url(${image})` }}></div>
                    <h4>{Title}</h4>
                </div>
            </div>
        </>
    );
};

export default AreaGuideCard;


