Claim Report - Copy this React, Tailwind Component to your project
Design-a-report-page-for-a-claim-checker-tool-that-prominently-displays-the-user's-claim-text-as-an-H1-heading,-accompanied-by-a-brief-description-of-the-claim's-context.-The-page-should-feature-a-dynamic-score-display-ranging-from-0-100,-presented-in-a-visually-striking-manner,-such-as-a-gauge-or-progress-bar.-Below,-organize-the-information-into-two-distinct-sections:-"Supporting-Sources"-on-the-left-and-"Non-Supporting-Sources"-on-the-right.-Each-section-should-contain-source-boxes-that-include-the-source-name,-a-link-to-the-source,-and-a-credibility-score-represented-visually,-like-stars-or-a-numeric-value.-Utilize-a-cohesive-color-palette-to-enhance-readability,-using-contrasting-colors-for-supporting-and-non-supporting-sources-to-create-clear-distinctions.-The-design-should-be-clean,-modern,-and-responsive,-incorporating-effective-whitespace-and-intuitive-icons-to-improve-usability.-The-overall-goal-is-to-create-an-engaging-and-informative-report-page-that-clearly-communicates-the-credibility-of-the-user's-claim-and-its-supporting-evidence.
