/* eslint-disable react/jsx-key */
import React from "react";
import Table from "../index";
import Button from "../../Button";
export default [{
  isPadded: true,
  examples: [React.createElement(Table, {
    density: "loose"
  }, React.createElement(Table.THead, null, React.createElement(Table.TR, null, React.createElement(Table.TH, null, "Experiment"), React.createElement(Table.TH, null, "Conversion Rate"), React.createElement(Table.TH, null, "Status"))), React.createElement(Table.TBody, null, React.createElement(Table.TR, null, React.createElement(Table.TD, null, "Header CTA"), React.createElement(Table.TD, {
    width: "20%"
  }, "12%"), React.createElement(Table.TD, null, "Paused")), React.createElement(Table.TR, null, React.createElement(Table.TD, null, "Shorter Contact Form"), React.createElement(Table.TD, null, "4%"), React.createElement(Table.TD, null, "Draft")), React.createElement(Table.TR, null, React.createElement(Table.TD, null, "Larger search bar"), React.createElement(Table.TD, null, "6.7%"), React.createElement(Table.TD, null, "Paused")), React.createElement(Table.TR, null, React.createElement(Table.TD, null, "Center aligned headline"), React.createElement(Table.TD, null, "9.3%"), React.createElement(Table.TD, null, "Running"))))]
}, {
  isPadded: true,
  examples: [React.createElement(Table, {
    style: "rule",
    density: "loose"
  }, React.createElement(Table.THead, null, React.createElement(Table.TR, null, React.createElement(Table.TH, null, "Experiment"), React.createElement(Table.TH, {
    isNumerical: true
  }, "Conversion Rate"), React.createElement(Table.TH, null, "Status"))), React.createElement(Table.TBody, null, React.createElement(Table.TR, null, React.createElement(Table.TD, null, "Header CTA"), React.createElement(Table.TD, {
    isNumerical: true
  }, "12%"), React.createElement(Table.TD, null, "Paused")), React.createElement(Table.TR, null, React.createElement(Table.TD, null, "Shorter Contact Form"), React.createElement(Table.TD, {
    isNumerical: true
  }, "4%"), React.createElement(Table.TD, null, "Draft")), React.createElement(Table.TR, null, React.createElement(Table.TD, null, "Larger search bar"), React.createElement(Table.TD, {
    isNumerical: true
  }, "6.7%"), React.createElement(Table.TD, null, "Paused")), React.createElement(Table.TR, null, React.createElement(Table.TD, null, "Center aligned headline"), React.createElement(Table.TD, {
    isNumerical: true
  }, "9.3%"), React.createElement(Table.TD, null, "Running"))))]
}, {
  isPadded: true,
  examples: [React.createElement(Table, {
    style: "rule-no-bottom-border"
  }, React.createElement(Table.THead, null, React.createElement(Table.TR, null, React.createElement(Table.TH, null, "Experiment"), React.createElement(Table.TH, {
    isNumerical: true
  }, "Conversion Rate"), React.createElement(Table.TH, null, "Status"))), React.createElement(Table.TBody, null, React.createElement(Table.TR, null, React.createElement(Table.TD, null, "Header CTA"), React.createElement(Table.TD, {
    isNumerical: true
  }, "12%"), React.createElement(Table.TD, null, "Paused")), React.createElement(Table.TR, null, React.createElement(Table.TD, null, "Shorter Contact Form"), React.createElement(Table.TD, {
    isNumerical: true
  }, "4%"), React.createElement(Table.TD, null, "Draft")), React.createElement(Table.TR, null, React.createElement(Table.TD, null, "Larger search bar"), React.createElement(Table.TD, {
    isNumerical: true
  }, "6.7%"), React.createElement(Table.TD, null, "Paused")), React.createElement(Table.TR, null, React.createElement(Table.TD, null, "Center aligned headline"), React.createElement(Table.TD, {
    isNumerical: true
  }, "9.3%"), React.createElement(Table.TD, null, "Running"))))]
}, {
  isPadded: true,
  examples: [React.createElement(Table, {
    style: "wall",
    tableLayoutAlgorithm: "auto"
  }, React.createElement(Table.THead, null, React.createElement(Table.TR, null, React.createElement(Table.TH, null, "Experiment"), React.createElement(Table.TH, {
    isNumerical: true,
    width: "20%"
  }, "Conversion Rate"), React.createElement(Table.TH, {
    isCollapsed: true
  }, "Status"))), React.createElement(Table.TBody, null, React.createElement(Table.TR, null, React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, "Header CTA"), React.createElement(Table.TD, {
    isNumerical: true,
    verticalAlign: "middle"
  }, "12%"), React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, React.createElement(Button, {
    size: "small"
  }, "Start"))), React.createElement(Table.TR, null, React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, "Shorter Contact Form"), React.createElement(Table.TD, {
    isNumerical: true,
    verticalAlign: "middle"
  }, "4%"), React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, React.createElement(Button, {
    size: "small"
  }, "Start"))), React.createElement(Table.TR, null, React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, "Larger search bar"), React.createElement(Table.TD, {
    isNumerical: true,
    verticalAlign: "middle"
  }, "6.7%"), React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, React.createElement(Button, {
    size: "small"
  }, "Start"))), React.createElement(Table.TR, null, React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, "Center aligned headline"), React.createElement(Table.TD, {
    isNumerical: true,
    verticalAlign: "middle"
  }, "9.3%"), React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, React.createElement(Button, {
    size: "small"
  }, "Start")))))]
}, {
  isPadded: true,
  examples: [React.createElement(Table, {
    tableLayoutAlgorithm: "auto"
  }, React.createElement(Table.THead, null, React.createElement(Table.TR, null, React.createElement(Table.TH, null, "Experiment"), React.createElement(Table.TH, {
    isNumerical: true,
    width: "20%"
  }, "Conversion Rate"), React.createElement(Table.TH, {
    isCollapsed: true
  }, "Status"))), React.createElement(Table.TBody, null, React.createElement(Table.TR, null, React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, "Header CTA"), React.createElement(Table.TD, {
    isNumerical: true,
    verticalAlign: "middle"
  }, "12%"), React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, React.createElement(Button, {
    size: "small"
  }, "Start"))), React.createElement(Table.TR, null, React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, "Shorter Contact Form"), React.createElement(Table.TD, {
    isNumerical: true,
    verticalAlign: "middle"
  }, "4%"), React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, React.createElement(Button, {
    size: "small"
  }, "Start"))), React.createElement(Table.TR, null, React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, "Larger search bar"), React.createElement(Table.TD, {
    isNumerical: true,
    verticalAlign: "middle"
  }, "6.7%"), React.createElement(Table.TD, {
    verticalAlign: "middle"
  }, React.createElement(Button, {
    size: "small"
  }, "Start"))), React.createElement(Table.TR, null, React.createElement(Table.TD, {
    colSpan: 3
  }, "Cell Spanning Three Columns"))))]
}, {
  isPadded: true,
  examples: [React.createElement(Table, {
    density: "loose"
  }, React.createElement(Table.THead, null, React.createElement(Table.TR, null, React.createElement(Table.TH, {
    colSpan: 2
  }, "Experiment with colspan of 2"), React.createElement(Table.TH, null, "Conversion Rate"), React.createElement(Table.TH, null, "Status"))), React.createElement(Table.TBody, null, React.createElement(Table.TR, null, React.createElement(Table.TD, {
    colSpan: 2
  }, "Header CTA"), React.createElement(Table.TD, {
    width: "20%"
  }, "12%"), React.createElement(Table.TD, null, "Paused")), React.createElement(Table.TR, null, React.createElement(Table.TD, {
    colSpan: 2
  }, "Shorter Contact Form"), React.createElement(Table.TD, null, "4%"), React.createElement(Table.TD, null, "Draft")), React.createElement(Table.TR, null, React.createElement(Table.TD, {
    colSpan: 2
  }, "Larger search bar"), React.createElement(Table.TD, null, "6.7%"), React.createElement(Table.TD, null, "Paused")), React.createElement(Table.TR, null, React.createElement(Table.TD, {
    colSpan: 2
  }, "Center aligned headline"), React.createElement(Table.TD, null, "9.3%"), React.createElement(Table.TD, null, "Running"))))]
}];