<template>
<svg viewBox="0 0 24 24" :fill="useCurrentColor ? 'currentColor' : '#000'" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-TeaTable`]" width="1em" height="1em" v-bind="$attrs"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.5 6.7H2C1.83432 6.7 1.7 6.83431 1.7 7V15.102C1.7 15.2677 1.83431 15.402 2 15.402H21.5C21.6657 15.402 21.8 15.2677 21.8 15.102V7C21.8 6.83431 21.6657 6.7 21.5 6.7ZM2 5C0.89543 5 0 5.89543 0 7V15.102C0 16.2066 0.89543 17.102 2 17.102H3.00464L3.20804 21.5744C3.23862 22.2467 3.79263 22.7761 4.46568 22.7761C5.04827 22.7761 5.55477 22.3764 5.69016 21.8097L6.81499 17.102H17.0244L18.1492 21.8097C18.2846 22.3764 18.7911 22.7761 19.3737 22.7761C20.0467 22.7761 20.6007 22.2467 20.6313 21.5744L20.8347 17.102H21.5C22.6046 17.102 23.5 16.2066 23.5 15.102V7C23.5 5.89543 22.6046 5 21.5 5H2ZM19.4329 17.102H18.3612L19.2322 21.1957C19.2421 21.2426 19.2836 21.2761 19.3315 21.2761C19.3876 21.2761 19.4331 21.2306 19.4331 21.1745L19.4329 17.102ZM4.40628 21.1745L4.40644 17.102H5.47815L4.60719 21.1957C4.59722 21.2426 4.5558 21.2761 4.50785 21.2761C4.45175 21.2761 4.40627 21.2306 4.40628 21.1745ZM6.5 9.5V12.5H16.5V9.5H6.5ZM6 8C5.44772 8 5 8.44772 5 9V13C5 13.5523 5.44772 14 6 14H17C17.5523 14 18 13.5523 18 13V9C18 8.44772 17.5523 8 17 8H6ZM11.7396 11.703C12.1262 11.703 12.4396 11.3896 12.4396 11.003C12.4396 10.6164 12.1262 10.303 11.7396 10.303C11.353 10.303 11.0396 10.6164 11.0396 11.003C11.0396 11.3896 11.353 11.703 11.7396 11.703Z"/></svg>
</template>
<script>

export default {
  name: 'IconTeaTable',
  props: {
    prefix: {
        type: String,
        default: 'LAIDO',
    },
    useCurrentColor: {
        type: Boolean,
        default: true,
    },
  },
};
</script>
