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

export const liquidChrome: CodeObject = {
  cli: `npx jsrepo add https://vue-bits.dev/ui/Backgrounds/LiquidChrome`,
  installation: `npm i ogl`,
  usage: `<template>
  <div class="relative w-full h-[600px]">
    <LiquidChrome 
      :baseColor="[0.1, 0.1, 0.1]"
      :speed="1"
      :amplitude="0.6"
      :interactive="true"
    />
  </div>
</template>

<script setup lang="ts">
  import LiquidChrome from "./LiquidChrome.vue";
</script>`,
  code
};