<template>
  <td
    v-show="!hiddenComputed || $attrs.keepHiddenCell"
    class="ant-form-item-control-wrapper"
    v-bind="$attrs.inputTdAttrs"
  >
    <sd-transient-field-helper :field="$attrs.field">
      <component :is="$attrs.component" :field="$attrs.field" v-bind="$attrs.inputProps" />
    </sd-transient-field-helper>
  </td>
</template>

<script>
import components from './_import-components/sd-form-item-td-non-input-import'

export default {
  name: 'SdFormItemTdNonInput',
  components,
  inheritAttrs: false,
  data() {
    return {}
  },
  computed: {
    hiddenComputed() {
      return this.SdFormContext.displayExprResults[this.$attrs.field.name] === false
    },
  },
  inject: {
    SdFormContext: { default: () => ({}) },
  },
  methods: {},
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
</style>
