Selection actions

"use client"

import * as React from "react"
import { SelectionActions, type SelectionAction } from "@/components/selection-actions"

export default function Example() {
  const [last, setLast] = React.useState<{ action: SelectionAction; text: string } | null>(null)
  return (
    <div className="flex max-w-lg flex-col gap-3">
      <SelectionActions onAction={(action, text) => setLast({ action, text })}>
        <p className="text-sm leading-relaxed">
          The checkout flag is on in Staging but off in Production. Turning it on adds a write to the payments table on every order, so watch the
          replication lag for the first hour.
        </p>
      </SelectionActions>
      <p className="text-xs text-muted-foreground">
        {last ? `${last.action}: “${last.text}”` : "Select some of the text above to act on it."}
      </p>
    </div>
  )
}