Nextjs Core Timeline

import React from 'react';
// @material-ui/icons
import CardTravel from "@material-ui/icons/CardTravel";
import Build from "@material-ui/icons/Build";
// core components
import TimelineComponent from "components/Timeline/Timeline.js";
import CustomDropdown from "components/CustomDropdown/CustomDropdown.js";

export default function Timeline(){
  const buttonProps = {
    round: true,
    style: { marginBottom: "0" }
  };
  return (
    <TimelineComponent stories={[
        {   // First story
          inverted: true,
          badgeColor: "danger",
          badgeIcon: CardTravel,
          title: "Some Title",
          titleColor: "danger",
          body: (
            <p>Wifey made the best Father's Day meal ever. So thankful so happy so blessed. Thank you for making my family We just had fun with the “future” theme !!!   It was a fun night all together ... The always rude Kanye Show at 2am Sold Out Famous viewing @ Figueroa and 12th in downtown.</p>
          ),
          footerTitle: "11 hours ago via Twitter",
          footer: (
            <CustomDropdown
              buttonColor="info"
              buttonIcon={Build}
              buttonProps={buttonProps}
              dropdownList={[
                "Action",
                "Another action",
                "Something else here",
                { divider: true },
                "Separated link"
              ]}
            />
          )
        }
      ]}
    />
  );
}