import * as React from "react";
import {
  MessageCard,
  IMAGE_LAYOUT,
  BACKGROUND_COLOR_TYPE,
} from "baseui/message-card";
import hamburger from "./images/hamburger.jpg";

export default function Example() {
  return (
    <MessageCard
      heading="Your favorites, fast"
      paragraph="Quisque sodales tempor metus."
      buttonLabel="Order"
      onClick={() => alert("Clicked 🙂")}
      image={{
        src: hamburger,
        layout: IMAGE_LAYOUT.trailing,
        ariaLabel: "A deconstructed hamburger being literally thrown together",
      }}
      backgroundColor="#101010"
      backgroundColorType={BACKGROUND_COLOR_TYPE.dark}
    />
  );
}