import { View } from "@react-pdf/renderer";
import { pinned } from "../engine/columns";

export interface AccentRuleProps {
  width: number;
  thickness: number;
  color: string;
  style?: Record<string, unknown>;
}

/** A solid bar in the flow (the Crimson header rule, the Slate/Teal total dash): an empty View, so a pinned height is allowed. */
export function AccentRule({ width, thickness, color, style }: AccentRuleProps) {
  return <View style={{ ...pinned(width), height: thickness, backgroundColor: color, ...style } as never} />;
}