import React from "react";
export function Tag({ provisional = false, children, style }) {
  return (
    <span style={{
      display: "inline-flex", alignItems: "center", padding: "3px 8px", borderRadius: "4px",
      fontFamily: "var(--font-mono)", fontSize: "10px", letterSpacing: "0.06em", textTransform: "uppercase",
      color: provisional ? "var(--rr-warning)" : "var(--fg-soft)",
      border: "1px " + (provisional ? "dashed rgba(245,197,66,0.6)" : "solid var(--border)"),
      background: provisional ? "rgba(245,197,66,0.08)" : "transparent", ...style
    }}>{children}</span>
  );
}