.flex.flex-col.gap-y-2
.font-semibold.text-sm.opacity-40(
v-if="label",
:class="labelClass"
) {{ label }}
.base-select.flex.justify-between.items-center.py-9px.px-4.gap-4.cursor-pointer.relative(
ref="select",
@click="open = !open",
:class="{'open': open, 'border-none': borderNone}",
)
.placeholder.text-base.flex.items-center(
:class="{'value-color': value.label || placeholderOpacity}",
) {{ value.label || placeholder }}
.flex.items-center
.select-form-separator.cursor-pointer.mr-4(v-if="separator")
span.icon-down-arrow.open-icon.flex.text-xsm(:class="{'open': open }")
base-options(
v-if="open",
)
.items-container.mt-1(
@click="closeOptions",
v-click-outside="leaveSelect",
:class="textClass"
)
.item.py-2.px-4.cursor-pointer(
v-for="item in items",
:key="item?.id",
:class="{'center': center}",
@click="clickItem(item?.id, item?.label)"
) {{ item?.label }}