brutnoir-os

import { useState } from "react";
import {
  Screen,
  Window,
  Header,
  Text,
  Button,
  Modal,
  Input,
} from "@namelessfamous/brutnoir-os";

export default function App() {
  const [open, setOpen] = useState(false);

  return (
    <Screen>
      <Window
        id="welcome"
        title="NF/OS — Welcome"
        icon="✦"
        defaultX={64}
        defaultY={40}
        defaultWidth={560}
        defaultHeight={380}
      >
        <div style={{ padding: 20, display: "grid", gap: 12 }}>
          <Header level={2} accent>
            Neobrutal Noir
          </Header>
          <Text muted>
            Production-grade darkness. Every pixel earns its place.
          </Text>
          <Button variant="primary" onClick={() => setOpen(true)}>
            Open Modal
          </Button>
        </div>
      </Window>

      <Modal
        open={open}
        onClose={() => setOpen(false)}
        title="Create Project"
        footer={<Button onClick={() => setOpen(false)}>Close</Button>}
      >
        <Input label="Project Name" placeholder="e.g. Ignite 2026" />
      </Modal>
    </Screen>
  );
}