import code from '@content/Backgrounds/Beams/Beams.vue?raw'
import type { CodeObject } from '../../../types/code'

export const beams: CodeObject = {
  cli: `npx jsrepo add https://vue-bits.dev/ui/Backgrounds/Beams`,
  installation: `npm install three`,
  usage: `<template>
  <div class="beams-container">
    <Beams
      :beam-width="2"
      :beam-height="15"
      :beam-number="12"
      :light-color="'#ffffff'"
      :speed="2"
      :noise-intensity="1.75"
      :scale="0.2"
      :rotation="0"
    />
  </div>
</template>

<script setup lang="ts">
  import Beams from "./Beams.vue";
</script>

<style scoped>
  .beams-container {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
    background: #000;
  }
</style>`,
  code
}