Noise Background

"use client";
import React from "react";
import { NoiseBackground } from "@/lab/aceternity/ui/noise-background";
import { FitStage } from "./_fit-g2";

export default function NoiseBackgroundDemo() {
  return (
    <FitStage width={300} height={190} maxScale={2.2}>
      <div className="flex h-full w-full items-center justify-center">
        <NoiseBackground
          containerClassName="w-fit p-2 rounded-full mx-auto"
          gradientColors={[
            "rgb(255, 100, 150)",
            "rgb(100, 150, 255)",
            "rgb(255, 200, 100)",
          ]}
        >
          <button
            type="button"
            className="h-full w-full cursor-pointer rounded-full bg-linear-to-r from-neutral-100 via-neutral-100 to-white px-4 py-2 text-black shadow-[0px_2px_0px_0px_var(--color-neutral-50)_inset,0px_0.5px_1px_0px_var(--color-neutral-400)] transition-all duration-100 active:scale-98 dark:from-black dark:via-black dark:to-neutral-900 dark:text-white dark:shadow-[0px_1px_0px_0px_var(--color-neutral-950)_inset,0px_1px_0px_0px_var(--color-neutral-800)]"
          >
            Start publishing &rarr;
          </button>
        </NoiseBackground>
      </div>
    </FitStage>
  );
}