import React, { ReactElement } from "react";
import {
  CardContainer,
  LeftCardContainer,
  RightCardContainer,
} from "./CardStyles";
export interface RooCardProps {
  leftContainerInfo?: ReactElement;
  rightContainerInfo?: ReactElement;
}

export const RooCard: React.FC<RooCardProps> = (props) => {
  const { leftContainerInfo, rightContainerInfo } = props;
  return (
    <CardContainer>
      <LeftCardContainer>{leftContainerInfo}</LeftCardContainer>
      <RightCardContainer>{rightContainerInfo}</RightCardContainer>
    </CardContainer>
  );
};
