import { __ } from "@wordpress/i18n";
import FieldList from "../../fields/components/FieldList";

/** Wizard step 2: which rows the table shows, in which order. */
const RowsStep = () => (
  <div className="ino:flex ino:flex-col ino:gap-3">
    <p className="ino:m-0 ino:text-sm ino:text-muted-foreground">
      {__(
        "Every global attribute is free. Drag to reorder, or focus a handle and use the arrow keys.",
        "product-comparison-for-woocommerce",
      )}
    </p>
    <FieldList />
  </div>
);

export default RowsStep;