Styled Split Line - Copy this React, Mui Component to your project

<Box sx={{ bgcolor: "#fff", minHeight: "5vh", py: 0, display: "absolute" }}> <HeaderBox> <Typography variant="h5" component="h1" fontWeight="bold" sx={{fontSize:"16px"}} > THÔNG TIN GIỎ HÀNG </Typography> <Stack direction="row" spacing={4}> <Typography sx = {{fontFamily:"'Mulish', sans-serif",cursor : "pointer", fontSize: "16px", color: "#29A07E"}} > <FaLongArrowAltLeft></FaLongArrowAltLeft> CHỌN TIẾP SẢN PHẨM KHÁC </Typography> <Typography sx = {{fontFamily:"'Mulish', sans-serif",cursor : "pointer", fontSize: "16px", color: "#29A07E"}} > XOÁ GIỎ HÀNG </Typography> </Stack> </HeaderBox> <HeaderBox> <Typography variant="h5" component="h1" fontWeight="bold" sx={{fontSize:"16px"}} > Sản phẩm </Typography> <Stack direction="row" spacing={10}> <Typography sx = {{fontFamily:"'Mulish', sans-serif",cursor : "pointer", fontSize: "16px", color: "#29A07E"}} > Đơn giá </Typography> <Typography sx = {{fontFamily:"'Mulish', sans-serif",cursor : "pointer", fontSize: "16px", color: "#29A07E"}} > Số lượng </Typography> <Typography sx = {{fontFamily:"'Mulish', sans-serif",cursor : "pointer", fontSize: "16px", color: "#29A07E"}} > Số tiền </Typography> <Typography sx = {{fontFamily:"'Mulish', sans-serif",cursor : "pointer", fontSize: "16px", color: "#29A07E"}} > Thao tác </Typography> </Stack> </HeaderBox> </Box> create split line for this