semanticUi.re

module Button = {
  [@bs.module "semantic-ui-react"]
  external reactClass : ReasonReact.reactClass =
    "Button";
  let make =
      (
        ~active: option(Js.boolean)=?,
        ~basic: option(Js.boolean)=?,
        ~circular: option(Js.boolean)=?,
        ~className: option(string)=?,
        ~color: option(string)=?,
        ~compact: option(Js.boolean)=?,
        ~disabled: option(Js.boolean)=?,
        ~fluid: option(Js.boolean)=?,
        ~icon: option(string)=?,
        ~inverted: option(Js.boolean)=?,
        ~label: option(string)=?,
        ~position: option(string)=?,
        ~loading: option(Js.boolean)=?,
        ~negative: option(Js.boolean)=?,
        ~onClick: option((unit => unit))=?,
        ~positive: option(Js.boolean)=?,
        ~primary: option(Js.boolean)=?,
        ~secondary: option(Js.boolean)=?,
        ~size: option(string)=?,
        ~toggle: option(Js.boolean)=?,
        children
      ) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "active": Js.Nullable.from_opt(active),
        "basic": Js.Nullable.from_opt(basic),
        "circular": Js.Nullable.from_opt(circular),
        "className": Js.Nullable.from_opt(className),
        "color": Js.Nullable.from_opt(color),
        "compact": Js.Nullable.from_opt(compact),
        "disabled": Js.Nullable.from_opt(disabled),
        "fluid": Js.Nullable.from_opt(fluid),
        "icon": Js.Nullable.from_opt(icon),
        "inverted": Js.Nullable.from_opt(inverted),
        "label": Js.Nullable.from_opt(label),
        "position": Js.Nullable.from_opt(position),
        "loading": Js.Nullable.from_opt(loading),
        "negative": Js.Nullable.from_opt(negative),
        "onClick": Js.Nullable.from_opt(onClick),
        "positive": Js.Nullable.from_opt(positive),
        "primary": Js.Nullable.from_opt(primary),
        "secondary": Js.Nullable.from_opt(secondary),
        "size": Js.Nullable.from_opt(size),
        "toggle": Js.Nullable.from_opt(toggle)
      },
      children
    );
};

module Card = {
  [@bs.module "semantic-ui-react"]
  external reactClass : ReasonReact.reactClass =
    "Card";
  let make =
      (
        ~style: option(ReactDOMRe.Style.t)=?,
        ~centered: option(Js.boolean)=?,
        ~className: option(string)=?,
        ~color: option(string)=?,
        ~content: option(string)=?,
        ~description: option(string)=?,
        ~extra: option(string)=?,
        ~fluid: option(Js.boolean)=?,
        ~header: option(string)=?,
        ~href: option(string)=?,
        ~image: option(string)=?,
        ~link: option(Js.boolean)=?,
        ~meta: option(string)=?,
        ~onClick: option((unit => unit))=?,
        ~raised: option(Js.boolean)=?,
        children
      ) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "style": Js.Nullable.from_opt(style),
        "centered": Js.Nullable.from_opt(centered),
        "className": Js.Nullable.from_opt(className),
        "color": Js.Nullable.from_opt(color),
        "content": Js.Nullable.from_opt(content),
        "description": Js.Nullable.from_opt(description),
        "extra": Js.Nullable.from_opt(extra),
        "fluid": Js.Nullable.from_opt(fluid),
        "header": Js.Nullable.from_opt(header),
        "href": Js.Nullable.from_opt(href),
        "image": Js.Nullable.from_opt(image),
        "link": Js.Nullable.from_opt(link),
        "meta": Js.Nullable.from_opt(meta),
        "onClick": Js.Nullable.from_opt(onClick),
        "raised": Js.Nullable.from_opt(raised)
      },
      children
    );
  module Content = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Card"]
    external reactClass : ReasonReact.reactClass =
      "Content";
    let make =
        (
          ~className: option(string)=?,
          ~extra: option(Js.boolean)=?,
          ~textAlign: option(string)=?,
          children
        ) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "extra": Js.Nullable.from_opt(extra),
          "textAlign": Js.Nullable.from_opt(textAlign)
        },
        children
      );
  };
  module Header = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Card"]
    external reactClass : ReasonReact.reactClass =
      "Header";
    let make =
        (~className: option(string)=?, ~textAlign: option(string)=?, children) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "textAlign": Js.Nullable.from_opt(textAlign)
        },
        children
      );
  };
  module Meta = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Card"]
    external reactClass : ReasonReact.reactClass =
      "Meta";
    let make =
        (~className: option(string)=?, ~textAlign: option(string)=?, children) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "textAlign": Js.Nullable.from_opt(textAlign)
        },
        children
      );
  };
  module Description = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Card"]
    external reactClass : ReasonReact.reactClass =
      "Description";
    let make =
        (
          ~style: option(ReactDOMRe.Style.t)=?,
          ~className: option(string)=?,
          ~textAlign: option(string)=?,
          children
        ) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "style": Js.Nullable.from_opt(style),
          "className": Js.Nullable.from_opt(className),
          "textAlign": Js.Nullable.from_opt(textAlign)
        },
        children
      );
  };
  module Group = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Card"]
    external reactClass : ReasonReact.reactClass =
      "Group";
    let make =
        (
          ~className: option(string)=?,
          ~content: option(string)=?,
          ~doubling: option(Js.boolean)=?,
          ~itemsPerRow: option(int)=?,
          ~stackable: option(Js.boolean)=?,
          ~textAlign: option(string)=?,
          children
        ) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "content": Js.Nullable.from_opt(content),
          "doubling": Js.Nullable.from_opt(doubling),
          "itemsPerRow": Js.Nullable.from_opt(itemsPerRow),
          "stackable": Js.Nullable.from_opt(stackable),
          "textAlign": Js.Nullable.from_opt(textAlign)
        },
        children
      );
  };
};

module Icon = {
  [@bs.module "semantic-ui-react"]
  external reactClass : ReasonReact.reactClass =
    "Icon";
  let make =
      (
        ~bordered: option(Js.boolean)=?,
        ~circular: option(Js.boolean)=?,
        ~className: option(string)=?,
        ~color: option(string)=?,
        ~corner: option(Js.boolean)=?,
        ~disabled: option(Js.boolean)=?,
        ~fitted: option(Js.boolean)=?,
        ~flipped: option(string)=?,
        ~inverted: option(Js.boolean)=?,
        ~link: option(Js.boolean)=?,
        ~loading: option(Js.boolean)=?,
        ~name: option(string)=?,
        ~rotated: option(string)=?,
        ~size: option(string)=?,
        children
      ) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "bordered": Js.Nullable.from_opt(bordered),
        "circular": Js.Nullable.from_opt(circular),
        "className": Js.Nullable.from_opt(className),
        "color": Js.Nullable.from_opt(color),
        "corner": Js.Nullable.from_opt(corner),
        "disabled": Js.Nullable.from_opt(disabled),
        "fitted": Js.Nullable.from_opt(fitted),
        "flipped": Js.Nullable.from_opt(flipped),
        "inverted": Js.Nullable.from_opt(inverted),
        "link": Js.Nullable.from_opt(link),
        "loading": Js.Nullable.from_opt(loading),
        "name": Js.Nullable.from_opt(name),
        "rotated": Js.Nullable.from_opt(rotated),
        "size": Js.Nullable.from_opt(size)
      },
      children
    );
};

module Label = {
  [@bs.module "semantic-ui-react"]
  external reactClass : ReasonReact.reactClass =
    "Label";
  let make =
      (
        ~active: option(Js.boolean)=?,
        ~attached: option(string)=?,
        ~basic: option(Js.boolean)=?,
        ~circular: option(Js.boolean)=?,
        ~className: option(string)=?,
        ~color: option(string)=?,
        ~content: option(string)=?,
        ~corner: option(string)=?,
        ~floating: option(Js.boolean)=?,
        ~horizontal: option(Js.boolean)=?,
        ~icon: option(string)=?,
        ~onClick: option((unit => unit))=?,
        ~onRemove: option((unit => unit))=?,
        ~pointing: option(string)=?,
        ~ribbon: option(Js.boolean)=?,
        ~ribbonRight: option(Js.boolean)=?,
        ~size: option(string)=?,
        children
      ) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "active": Js.Nullable.from_opt(active),
        "attached": Js.Nullable.from_opt(attached),
        "basic": Js.Nullable.from_opt(basic),
        "circular": Js.Nullable.from_opt(circular),
        "className": Js.Nullable.from_opt(className),
        "color": Js.Nullable.from_opt(color),
        "content": Js.Nullable.from_opt(content),
        "corner": Js.Nullable.from_opt(corner),
        "floating": Js.Nullable.from_opt(floating),
        "horizontal": Js.Nullable.from_opt(horizontal),
        "icon": Js.Nullable.from_opt(icon),
        "onClick": Js.Nullable.from_opt(onClick),
        "onRemove": Js.Nullable.from_opt(onRemove),
        "pointing": Js.Nullable.from_opt(pointing),
        "ribbon":
          switch (ribbon, ribbonRight) {
          | (Some(_), _) => [%raw "true"]
          | (_, Some(_)) => [%raw "'right'"]
          | _ => [%raw "undefined"]
          },
        "size": Js.Nullable.from_opt(size)
      },
      children
    );
};

module Container = {
  [@bs.module "semantic-ui-react"]
  external reactClass : ReasonReact.reactClass =
    "Container";
  let make =
      (
        ~className: option(string)=?,
        ~fluid: option(Js.boolean)=?,
        ~text: option(Js.boolean)=?,
        ~textAlign: option(string)=?,
        children
      ) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "className": Js.Nullable.from_opt(className),
        "fluid": Js.Nullable.from_opt(fluid),
        "text": Js.Nullable.from_opt(text),
        "textAlign": Js.Nullable.from_opt(textAlign)
      },
      children
    );
};

module Image = {
  [@bs.module "semantic-ui-react"]
  external reactClass : ReasonReact.reactClass =
    "Image";
  let make =
      (
        ~avatar: option(Js.boolean)=?,
        ~bordered: option(Js.boolean)=?,
        ~centered: option(Js.boolean)=?,
        ~circular: option(Js.boolean)=?,
        ~className: option(string)=?,
        ~disabled: option(Js.boolean)=?,
        ~fluid: option(Js.boolean)=?,
        ~hidden: option(Js.boolean)=?,
        ~href: option(string)=?,
        ~inline: option(Js.boolean)=?,
        ~label:
           option(
             {
               .
               "color": string,
               "content": string,
               "icon": string,
               "ribbon": Js.boolean
             }
           )=?,
        ~rounded: option(Js.boolean)=?,
        ~size: option(string)=?,
        ~src: option(string)=?,
        ~ui: option(Js.boolean)=?,
        ~wrapped: option(Js.boolean)=?,
        children
      ) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "avatar": Js.Nullable.from_opt(avatar),
        "bordered": Js.Nullable.from_opt(bordered),
        "centered": Js.Nullable.from_opt(centered),
        "circular": Js.Nullable.from_opt(circular),
        "className": Js.Nullable.from_opt(className),
        "disabled": Js.Nullable.from_opt(disabled),
        "fluid": Js.Nullable.from_opt(fluid),
        "hidden": Js.Nullable.from_opt(hidden),
        "href": Js.Nullable.from_opt(href),
        "inline": Js.Nullable.from_opt(inline),
        "label": Js.Nullable.from_opt(label),
        "rounded": Js.Nullable.from_opt(rounded),
        "size": Js.Nullable.from_opt(size),
        "src": Js.Nullable.from_opt(src),
        "ui": Js.Nullable.from_opt(ui),
        "wrapped": Js.Nullable.from_opt(wrapped)
      },
      children
    );
};

module Header = {
  [@bs.module "semantic-ui-react"]
  external reactClass : ReasonReact.reactClass =
    "Header";
  let make =
      (
        ~attached: option(string)=?,
        ~block: option(Js.boolean)=?,
        ~className: option(string)=?,
        ~color: option(string)=?,
        ~content: option(string)=?,
        ~disabled: option(Js.boolean)=?,
        ~dividing: option(Js.boolean)=?,
        ~icon: option(string)=?,
        ~inverted: option(Js.boolean)=?,
        ~size: option(string)=?,
        ~sub: option(Js.boolean)=?,
        ~textAlign: option(string)=?,
        children
      ) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "attached": Js.Nullable.from_opt(attached),
        "block": Js.Nullable.from_opt(block),
        "className": Js.Nullable.from_opt(className),
        "color": Js.Nullable.from_opt(color),
        "content": Js.Nullable.from_opt(content),
        "disabled": Js.Nullable.from_opt(disabled),
        "dividing": Js.Nullable.from_opt(dividing),
        "icon": Js.Nullable.from_opt(icon),
        "inverted": Js.Nullable.from_opt(inverted),
        "size": Js.Nullable.from_opt(size),
        "sub": Js.Nullable.from_opt(sub),
        "textAlign": Js.Nullable.from_opt(textAlign)
      },
      children
    );
};

module Grid = {
  [@bs.module "semantic-ui-react"]
  external reactClass : ReasonReact.reactClass =
    "Grid";
  let make =
      (
        ~celled: option(Js.boolean)=?,
        ~centered: option(Js.boolean)=?,
        ~className: option(string)=?,
        ~columns: option(int)=?,
        ~columnsEqual: option(Js.boolean)=?,
        ~container: option(Js.boolean)=?,
        ~doubling: option(Js.boolean)=?,
        ~inverted: option(Js.boolean)=?,
        ~padded: option(Js.boolean)=?,
        ~relaxed: option(Js.boolean)=?,
        ~stackable: option(Js.boolean)=?,
        ~stretched: option(Js.boolean)=?,
        ~textAlign: option(string)=?,
        ~verticalAlign: option(string)=?,
        children
      ) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "celled": Js.Nullable.from_opt(celled),
        "centered": Js.Nullable.from_opt(centered),
        "className": Js.Nullable.from_opt(className),
        "columns": Js.Nullable.from_opt(columns),
        "columnsEqual": Js.Nullable.from_opt(columnsEqual),
        "container": Js.Nullable.from_opt(container),
        "doubling": Js.Nullable.from_opt(doubling),
        "inverted": Js.Nullable.from_opt(inverted),
        "padded": Js.Nullable.from_opt(padded),
        "relaxed": Js.Nullable.from_opt(relaxed),
        "stackable": Js.Nullable.from_opt(stackable),
        "stretched": Js.Nullable.from_opt(stretched),
        "textAlign": Js.Nullable.from_opt(textAlign),
        "verticalAlign": Js.Nullable.from_opt(verticalAlign)
      },
      children
    );
  module Column = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Grid"]
    external reactClass : ReasonReact.reactClass =
      "Column";
    let make =
        (
          ~className: option(string)=?,
          ~color: option(string)=?,
          ~computer: option(int)=?,
          ~floated: option(string)=?,
          ~largeScreen: option(int)=?,
          ~mobile: option(int)=?,
          ~stretched: option(int)=?,
          ~tablet: option(int)=?,
          ~textAlign: option(string)=?,
          ~verticalAlign: option(string)=?,
          ~widescreen: option(int)=?,
          ~width: option(int)=?,
          children
        ) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "color": Js.Nullable.from_opt(color),
          "computer": Js.Nullable.from_opt(computer),
          "floated": Js.Nullable.from_opt(floated),
          "largeScreen": Js.Nullable.from_opt(largeScreen),
          "mobile": Js.Nullable.from_opt(mobile),
          "stretched": Js.Nullable.from_opt(stretched),
          "tablet": Js.Nullable.from_opt(tablet),
          "textAlign": Js.Nullable.from_opt(textAlign),
          "verticalAlign": Js.Nullable.from_opt(verticalAlign),
          "widescreen": Js.Nullable.from_opt(widescreen),
          "width": Js.Nullable.from_opt(width)
        },
        children
      );
  };
};

module Segment = {
  [@bs.module "semantic-ui-react"]
  external reactClass : ReasonReact.reactClass =
    "Segment";
  let make =
      (
        ~attached: option(string)=?,
        ~basic: option(Js.boolean)=?,
        ~circular: option(Js.boolean)=?,
        ~className: option(string)=?,
        ~clearing: option(Js.boolean)=?,
        ~color: option(string)=?,
        ~compact: option(Js.boolean)=?,
        ~content: option(string)=?,
        ~disabled: option(Js.boolean)=?,
        ~floated: option(string)=?,
        ~inverted: option(Js.boolean)=?,
        ~loading: option(Js.boolean)=?,
        ~piled: option(Js.boolean)=?,
        ~raised: option(Js.boolean)=?,
        ~secondary: option(Js.boolean)=?,
        ~size: option(string)=?,
        ~stacked: option(Js.boolean)=?,
        ~tertiary: option(Js.boolean)=?,
        ~textAlign: option(string)=?,
        ~vertical: option(Js.boolean)=?,
        children
      ) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "attached": Js.Nullable.from_opt(attached),
        "basic": Js.Nullable.from_opt(basic),
        "circular": Js.Nullable.from_opt(circular),
        "className": Js.Nullable.from_opt(className),
        "clearing": Js.Nullable.from_opt(clearing),
        "color": Js.Nullable.from_opt(color),
        "compact": Js.Nullable.from_opt(compact),
        "content": Js.Nullable.from_opt(content),
        "disabled": Js.Nullable.from_opt(disabled),
        "floated": Js.Nullable.from_opt(floated),
        "inverted": Js.Nullable.from_opt(inverted),
        "loading": Js.Nullable.from_opt(loading),
        "piled": Js.Nullable.from_opt(piled),
        "raised": Js.Nullable.from_opt(raised),
        "secondary": Js.Nullable.from_opt(secondary),
        "size": Js.Nullable.from_opt(size),
        "stacked": Js.Nullable.from_opt(stacked),
        "tertiary": Js.Nullable.from_opt(tertiary),
        "textAlign": Js.Nullable.from_opt(textAlign),
        "vertical": Js.Nullable.from_opt(vertical)
      },
      children
    );
};

module Input = {
  [@bs.module "semantic-ui-react"]
  external reactClass : ReasonReact.reactClass =
    "Input";
  let make =
      (
        ~action:
           option({. "color": string, "icon": string, "onClick": unit => unit})=?,
        ~actionPosition: option(string)=?,
        ~className: option(string)=?,
        ~disabled: option(Js.boolean)=?,
        ~error: option(Js.boolean)=?,
        ~fluid: option(Js.boolean)=?,
        ~focus: option(Js.boolean)=?,
        ~icon: option(string)=?,
        ~iconPosition: option(string)=?,
        ~inverted: option(Js.boolean)=?,
        ~label: option(string)=?,
        ~labelPosition: option(string)=?,
        ~loading: option(Js.boolean)=?,
        ~onChange:
           option(ReasonReact.Callback.t({.. "target": {.. "value": string}}))=?,
        ~size: option(string)=?,
        ~tabIndex: option(int)=?,
        ~transparent: option(Js.boolean)=?,
        ~inputType: option(string)=?,
        ~value: option(string)=?,
        children
      ) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "action": Js.Nullable.from_opt(action),
        "actionPosition": Js.Nullable.from_opt(actionPosition),
        "className": Js.Nullable.from_opt(className),
        "disabled": Js.Nullable.from_opt(disabled),
        "error": Js.Nullable.from_opt(error),
        "fluid": Js.Nullable.from_opt(fluid),
        "focus": Js.Nullable.from_opt(focus),
        "icon": Js.Nullable.from_opt(icon),
        "iconPosition": Js.Nullable.from_opt(iconPosition),
        "inverted": Js.Nullable.from_opt(inverted),
        "label": Js.Nullable.from_opt(label),
        "labelPosition": Js.Nullable.from_opt(labelPosition),
        "loading": Js.Nullable.from_opt(loading),
        "onChange": Js.Nullable.from_opt(onChange),
        "size": Js.Nullable.from_opt(size),
        "tabIndex": Js.Nullable.from_opt(tabIndex),
        "transparent": Js.Nullable.from_opt(transparent),
        "type": Js.Nullable.from_opt(inputType),
        "value": Js.Nullable.from_opt(value)
      },
      children
    );
};

module Divider = {
  [@bs.module "semantic-ui-react"]
  external reactClass : ReasonReact.reactClass =
    "Divider";
  let make = (children) =>
    ReasonReact.wrapJsForReason(~reactClass, ~props=Js.Obj.empty(), children);
};

module Message = {
  [@bs.module "semantic-ui-react"]
  external reactClass : ReasonReact.reactClass =
    "Message";
  let make =
      (
        ~attached: option(string)=?,
        ~className: option(string)=?,
        ~color: option(string)=?,
        ~compact: option(Js.boolean)=?,
        ~content: option(string)=?,
        ~error: option(Js.boolean)=?,
        ~floating: option(Js.boolean)=?,
        ~header: option(string)=?,
        ~hidden: option(Js.boolean)=?,
        ~icon: option(Js.boolean)=?,
        ~info: option(Js.boolean)=?,
        ~negative: option(Js.boolean)=?,
        ~onDismiss: option((unit => unit))=?,
        ~positive: option(Js.boolean)=?,
        ~size: option(string)=?,
        ~success: option(Js.boolean)=?,
        ~visible: option(Js.boolean)=?,
        ~warning: option(Js.boolean)=?,
        children
      ) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "attached": Js.Nullable.from_opt(attached),
        "className": Js.Nullable.from_opt(className),
        "color": Js.Nullable.from_opt(color),
        "compact": Js.Nullable.from_opt(compact),
        "content": Js.Nullable.from_opt(content),
        "error": Js.Nullable.from_opt(error),
        "floating": Js.Nullable.from_opt(floating),
        "header": Js.Nullable.from_opt(header),
        "hidden": Js.Nullable.from_opt(hidden),
        "icon": Js.Nullable.from_opt(icon),
        "info": Js.Nullable.from_opt(info),
        "negative": Js.Nullable.from_opt(negative),
        "onDismiss": Js.Nullable.from_opt(onDismiss),
        "positive": Js.Nullable.from_opt(positive),
        "size": Js.Nullable.from_opt(size),
        "success": Js.Nullable.from_opt(success),
        "visible": Js.Nullable.from_opt(visible),
        "warning": Js.Nullable.from_opt(warning)
      },
      children
    );
};

module Feed = {
  [@bs.module "semantic-ui-react"]
  external reactClass : ReasonReact.reactClass =
    "Feed";
  let make = (~className: option(string)=?, ~size: option(string)=?, children) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "className": Js.Nullable.from_opt(className),
        "size": Js.Nullable.from_opt(size)
      },
      children
    );
  module Content = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Feed"]
    external reactClass : ReasonReact.reactClass =
      "Content";
    let make =
        (~className: option(string)=?, ~content: option(string)=?, children) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "content": Js.Nullable.from_opt(content)
        },
        children
      );
  };
  module Date = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Feed"]
    external reactClass : ReasonReact.reactClass =
      "Date";
    let make =
        (~className: option(string)=?, ~content: option(string)=?, children) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "content": Js.Nullable.from_opt(content)
        },
        children
      );
  };
  module Event = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Feed"]
    external reactClass : ReasonReact.reactClass =
      "Event";
    let make =
        (
          ~className: option(string)=?,
          ~content: option(string)=?,
          ~date: option(string)=?,
          ~extraImages: option(string)=?,
          ~extraText: option(string)=?,
          ~icon: option(string)=?,
          ~image: option(string)=?,
          children
        ) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "content": Js.Nullable.from_opt(content),
          "date": Js.Nullable.from_opt(date),
          "extraImages": Js.Nullable.from_opt(extraImages),
          "extraText": Js.Nullable.from_opt(extraText),
          "icon": Js.Nullable.from_opt(icon),
          "image": Js.Nullable.from_opt(image)
        },
        children
      );
  };
  module Extra = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Feed"]
    external reactClass : ReasonReact.reactClass =
      "Extra";
    let make =
        (
          ~className: option(string)=?,
          ~content: option(string)=?,
          ~text: option(Js.boolean)=?,
          children
        ) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "content": Js.Nullable.from_opt(content),
          "text": Js.Nullable.from_opt(text)
        },
        children
      );
  };
  module Label = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Feed"]
    external reactClass : ReasonReact.reactClass =
      "Label";
    let make =
        (
          ~className: option(string)=?,
          ~content: option(string)=?,
          ~icon: option(string)=?,
          ~image: option(string)=?,
          children
        ) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "content": Js.Nullable.from_opt(content),
          "icon": Js.Nullable.from_opt(icon),
          "image": Js.Nullable.from_opt(image)
        },
        children
      );
  };
  module Like = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Feed"]
    external reactClass : ReasonReact.reactClass =
      "Like";
    let make =
        (
          ~className: option(string)=?,
          ~content: option(string)=?,
          ~icon: option(string)=?,
          children
        ) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "content": Js.Nullable.from_opt(content),
          "icon": Js.Nullable.from_opt(icon)
        },
        children
      );
  };
  module Meta = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Feed"]
    external reactClass : ReasonReact.reactClass =
      "Meta";
    let make =
        (~className: option(string)=?, ~content: option(string)=?, children) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "content": Js.Nullable.from_opt(content)
        },
        children
      );
  };
  module Summary = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Feed"]
    external reactClass : ReasonReact.reactClass =
      "Summary";
    let make =
        (~className: option(string)=?, ~content: option(string)=?, children) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "content": Js.Nullable.from_opt(content)
        },
        children
      );
  };
  module User = {
    [@bs.module "semantic-ui-react"] [@bs.scope "Feed"]
    external reactClass : ReasonReact.reactClass =
      "User";
    let make =
        (~className: option(string)=?, ~content: option(string)=?, children) =>
      ReasonReact.wrapJsForReason(
        ~reactClass,
        ~props={
          "className": Js.Nullable.from_opt(className),
          "content": Js.Nullable.from_opt(content)
        },
        children
      );
  };
};