<template>
<div class="left-panel-item" :class="{ 'left-panel-item--active': props.object_id === props.selectedObjectId }">
<div class="left-panel-item__container">
<img class="noselect" src="@/assets/folders.png"/>

<div>
<h3>{{ cadastralNumber }}</h3>
<p>{{ address }}</p>
</div>
</div>

<div class="left-panel-item__container">
<p>{{ square }} м²</p>
<button @click="toggleMenu" class="dropdown-toggle noselect">
<img src="@/assets/three-dots.png"/>
</button>

</div>
<DropdownMenu
:object_id="object_id"
v-model="menuIsVisible"
:menuIsVisible="menuIsVisible"
@update:menuIsVisible="handleMenuVisibilityChange"
/>

</div>
</template>