

<script>
/* eslint-disable */
// sd-skip-auto-import
import components from"./_import-components/sd-layout-preview-import";var _render=function e(){var t=this,r=t._self._c;return r("table",{class:t.$style.table},t._l(2,(function(e){return r("tr",{key:e},[t._l(t.columns,(function(e){return[r("td",{key:"label"+e}),r("td",{key:"input"+e})]}))],2)})),0)};var staticRenderFns=[];_render._withStripped=true;export default{name:"SdLayoutPreview",components:components,props:{columns:{type:Number,required:true}},data(){return{}},methods:{},render:_render,staticRenderFns:staticRenderFns};</script>

<style module lang="scss">
@use '@/common/design' as *;
.table {
  margin: 4px 0;
  td {
    height: 16px;
    border: 1px solid $border-color-split;
  }
  td:nth-child(odd) {
    width: 18px;
    /* stylelint-disable-next-line */
    background-color: #ccc;
  }
  td:nth-child(even) {
    width: 38px;
  }
}
</style>
