import React from 'react';
export var Detail = function Detail() {
  return React.createElement("div", {
    className: "container"
  }, React.createElement("div", {
    className: "row"
  }, React.createElement("div", {
    className: "col-lg-8"
  }, React.createElement("h1", {
    className: "mt-4"
  }, "Post Title"), React.createElement("p", {
    className: "lead"
  }, "by", React.createElement("a", {
    href: "#"
  }, "Start Bootstrap")), React.createElement("hr", null), React.createElement("p", null, "Posted on January 1, 2019 at 12:00 PM"), React.createElement("hr", null), React.createElement("img", {
    className: "img-fluid rounded",
    src: "http://placehold.it/900x300",
    alt: ""
  }), React.createElement("hr", null), React.createElement("p", {
    className: "lead"
  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus, vero, obcaecati, aut, error quam sapiente nemo saepe quibusdam sit excepturi nam quia corporis eligendi eos magni recusandae laborum minus inventore?"), React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, tenetur natus doloremque laborum quos iste ipsum rerum obcaecati impedit odit illo dolorum ab tempora nihil dicta earum fugiat. Temporibus, voluptatibus."), React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, doloribus, dolorem iusto blanditiis unde eius illum consequuntur neque dicta incidunt ullam ea hic porro optio ratione repellat perspiciatis. Enim, iure!"), React.createElement("blockquote", {
    className: "blockquote"
  }, React.createElement("p", {
    className: "mb-0"
  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante."), React.createElement("footer", {
    className: "blockquote-footer"
  }, "Someone famous in", React.createElement("cite", {
    title: "Source Title"
  }, "Source Title"))), React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, nostrum, aliquid, animi, ut quas placeat totam sunt tempora commodi nihil ullam alias modi dicta saepe minima ab quo voluptatem obcaecati?"), React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, dolor quis. Sunt, ut, explicabo, aliquam tenetur ratione tempore quidem voluptates cupiditate voluptas illo saepe quaerat numquam recusandae? Qui, necessitatibus, est!"), React.createElement("hr", null), React.createElement("div", {
    className: "card my-4"
  }, React.createElement("h5", {
    className: "card-header"
  }, "Leave a Comment:"), React.createElement("div", {
    className: "card-body"
  }, React.createElement("form", null, React.createElement("div", {
    className: "form-group"
  }, React.createElement("textarea", {
    className: "form-control",
    rows: 3
  })), React.createElement("button", {
    type: "submit",
    className: "btn btn-primary"
  }, "Submit")))), React.createElement("div", {
    className: "media mb-4"
  }, React.createElement("img", {
    className: "d-flex mr-3 rounded-circle",
    src: "http://placehold.it/50x50",
    alt: ""
  }), React.createElement("div", {
    className: "media-body"
  }, React.createElement("h5", {
    className: "mt-0"
  }, "Commenter Name"), "Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.")), React.createElement("div", {
    className: "media mb-4"
  }, React.createElement("img", {
    className: "d-flex mr-3 rounded-circle",
    src: "http://placehold.it/50x50",
    alt: ""
  }), React.createElement("div", {
    className: "media-body"
  }, React.createElement("h5", {
    className: "mt-0"
  }, "Commenter Name"), "Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.", React.createElement("div", {
    className: "media mt-4"
  }, React.createElement("img", {
    className: "d-flex mr-3 rounded-circle",
    src: "http://placehold.it/50x50",
    alt: ""
  }), React.createElement("div", {
    className: "media-body"
  }, React.createElement("h5", {
    className: "mt-0"
  }, "Commenter Name"), "Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.")), React.createElement("div", {
    className: "media mt-4"
  }, React.createElement("img", {
    className: "d-flex mr-3 rounded-circle",
    src: "http://placehold.it/50x50",
    alt: ""
  }), React.createElement("div", {
    className: "media-body"
  }, React.createElement("h5", {
    className: "mt-0"
  }, "Commenter Name"), "Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus."))))), React.createElement("div", {
    className: "col-md-4"
  }, React.createElement("div", {
    className: "card my-4"
  }, React.createElement("h5", {
    className: "card-header"
  }, "Search"), React.createElement("div", {
    className: "card-body"
  }, React.createElement("div", {
    className: "input-group"
  }, React.createElement("input", {
    type: "text",
    className: "form-control",
    placeholder: "Search for..."
  }), React.createElement("span", {
    className: "input-group-btn"
  }, React.createElement("button", {
    className: "btn btn-secondary",
    type: "button"
  }, "Go!"))))), React.createElement("div", {
    className: "card my-4"
  }, React.createElement("h5", {
    className: "card-header"
  }, "Categories"), React.createElement("div", {
    className: "card-body"
  }, React.createElement("div", {
    className: "row"
  }, React.createElement("div", {
    className: "col-lg-6"
  }, React.createElement("ul", {
    className: "list-unstyled mb-0"
  }, React.createElement("li", null, React.createElement("a", {
    href: "#"
  }, "Web Design")), React.createElement("li", null, React.createElement("a", {
    href: "#"
  }, "HTML")), React.createElement("li", null, React.createElement("a", {
    href: "#"
  }, "Freebies")))), React.createElement("div", {
    className: "col-lg-6"
  }, React.createElement("ul", {
    className: "list-unstyled mb-0"
  }, React.createElement("li", null, React.createElement("a", {
    href: "#"
  }, "JavaScript")), React.createElement("li", null, React.createElement("a", {
    href: "#"
  }, "CSS")), React.createElement("li", null, React.createElement("a", {
    href: "#"
  }, "Tutorials"))))))), React.createElement("div", {
    className: "card my-4"
  }, React.createElement("h5", {
    className: "card-header"
  }, "Side Widget"), React.createElement("div", {
    className: "card-body"
  }, "You can put anything you want inside of these side widgets. They are easy to use, and feature the new Bootstrap 4 card containers!")))));
};