import React from "react";
import { Stack, Typography } from "@mui/material";

const Titlecard = ({ title, children }) => {
  return (
    <div>
      <Stack
        sx={{
          display: "flex",
          flexDirection: "row",
          justifyContent: "space-between",
          alignItems: "center",
          backgroundColor: "white",
          padding: 0,
          margin: 0,
        }}
      >
        <Typography variant="h3">{title}</Typography>
        {children}
      </Stack>
    </div>
  );
};

export default Titlecard;
