<script setup lang="ts">
import FlexRow from '../layout/FlexRow.vue';
import type { FlexProps } from '../layout/FlexView.vue';
import VerticalScrollOneText, { type VerticalScrollOneTextProps } from './VerticalScrollOneText.vue';

export interface VerticalScrollTextProps extends VerticalScrollOneTextProps {
  /**
   * 文字字符串
   */
  numberString?: string,
  /**
   * 文字容器属性
   */
  viewProps?: FlexProps,
}


defineOptions({
  options: {
    virtualHost: true,
    styleIsolation: "shared",
  },
});
const props = defineProps<VerticalScrollTextProps>()

</script>

<template>
  <FlexRow v-bind="viewProps" >
    <VerticalScrollOneText 
      v-for="(str, i) in numberString"
      :key="'VSCroll' + i" 
      center
      v-bind="props" 
      :oneStr="str" 
    />
  </FlexRow>
</template>