let Container = require("semantic-ui-react").Container;
let Select = require("react-select").default;
let title = "foo";
let color = "#696969";
let foo = title;
let App = ({ title, news }) =>
  React.createElement("div", {}, [
    React.createElement(
      PageTitle,
      {
        title: title
      },
      []
    ),
    React.createElement(
      News,
      {
        news: news
      },
      []
    )
  ]);
export default App;
let PageTitle = ({ title }) => React.createElement("h1", {}, [title]);
let News = ({}) => React.createElement("div", {}, ["TODO"]);
let Main = ({}) =>
  React.createElement(
    Container,
    {
      foo: "bar",
      baz: title,
      style: {
        background: color,
        color: "black"
      }
    },
    [
      React.createElement(
        "h2",
        {
          border: "1px solid blue"
        },
        []
      ),
      React.createElement(
        "p",
        {
          "font-size": 12
        },
        [
          React.createElement("span", {}, []),
          React.createElement(Select, {}, [])
        ]
      ),
      React.createElement(
        Select,
        {
          options: [
            { label: "one", value: 1 },
            { label: "two", value: 2 }
          ]
        },
        []
      )
    ]
  );
let StyledComponent = React.createElement(
  "article",
  {
    style: {
      padding: 10,
      "border-radius": 4,
      "font-size": 12
    }
  },
  []
);