<template>
  <div :class="$style.titleBar" :style="{ backgroundColor: $attrs.barColor.hex }">
    {{ $attrs.barTitle }}
  </div>
</template>

<script>
import components from './_import-components/xm-title-bar-render-import'

export default {
  name: 'XmTitleBarRender',
  metaInfo: {
    title: 'XmTitleBarRender',
  },
  components,
  data() {
    return {}
  },
  methods: {},
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
.title-bar {
  position: relative;
  left: -5px;
  width: calc(100% + 10px);
}
</style>
