import * as React from "react";
import { BitAura } from "./BitAura";

/**
 * BitSeam: a lit top edge for a dark section, with digits drifting down from it.
 * The section needs `relative` and has to clip its overflow.
 */
export const BitSeam: React.FC<{ density?: number }> = ({ density = 0.4 }) => (
  <div
    className="pointer-events-none absolute inset-x-0 top-0"
    aria-hidden="true"
  >
    <BitAura source="bottom" tone="dark" radius={0} density={density}>
      <div className="h-0" />
    </BitAura>
  </div>
);