Note

"use client";

import { Button, Note } from "@waveinno/ui";

export default function NoteExample() {
  return (
    <div className="max-w-2xl">
      <Note>Notes explain a rule in one or two sentences, next to the thing it governs.</Note>
      <Note tone="info" icon title="Vehicles inside keep their rate">
        A new rate applies to sessions that start after you publish it.
      </Note>
      <Note tone="warning" icon variant="outline" title="Gate 2 has been offline for 6 minutes" action={<Button size="sm">Open gate</Button>}>
        Exits are being recorded on the attendant phone and will sync.
      </Note>
      <Note tone="danger" icon title="3 payments failed">
        bKash did not confirm them. The drivers were asked to pay again.
      </Note>
      <Note variant="gradient" icon title="ParkingOS Pro" action={<Button variant="glass" size="sm">Upgrade</Button>}>
        Monthly parkers, cash control and reports for every car park you run.
      </Note>
    </div>
  );
}