// parent

<BottomSheet
  primaryBtn={
    <Button
      children="Primary Action"
      licon="lock-f"
      onClick={action("primaryBtn Action")}
    />
  }
  info="Lorem ipsum dolor sit, amet consectetur adipisicing elit.<br/> Accusamus asperiores fuga "
/>

// child

<secondaryBtn.type
  {...{
    marker: "primary",
    size: "small",
    full: true,
    outline: true,
    style: { marginRight: "16px", flexBasis: "40%" }
  }}
  {...secondaryBtn.props}
/>

{React.cloneElement(primaryBtn, {
  marker: "primary",
  size: "small",
  full: true,
  style: { flexBasis: "60%" }
})}

{/* <primaryBtn.type
  {...{
    marker: "primary",
    size: "small",
    full: true,
    style: { flexBasis: "60%" }
  }}
  {...primaryBtn.props}
/> */}
{React.cloneElement(primaryBtn, {
  marker: "primary",
  size: "small",
  full: true,
  style: { flexBasis: "60%" }
})}