import { Database } from 'lucide-react';
import { Block } from './Block';

/**
 * Where the fofos site's own data lives.
 *
 * Deliberately empty. The block exists so the shape is settled and so the screen says what is coming
 * rather than looking like a section nobody finished — but nothing is decided about what goes in it,
 * and inventing fields to fill the space would be deciding it in the wrong place.
 */
export const DatabaseBlock = () => (
  <Block icon={Database} title="Database" hint="Where the fofos site's own data lives.">
    <p className="text-xs text-muted-foreground/70">Nothing to set yet.</p>
  </Block>
);