import ExclusionsSection from "./sections/ExclusionsSection";
import RuleCards from "./sections/RuleCards";

/**
 * Rules tab (Pro): who and what can be compared, saved lists, and
 * exclusions, in one column (the right-hand column on other tabs is a
 * preview, so settings stay on the left).
 */
const Rules = () => (
  <div className="ino:flex ino:max-w-3xl ino:flex-col ino:gap-6">
    <RuleCards />
    <ExclusionsSection />
  </div>
);

export default Rules;