import React from 'react';
import {MDBCol, MDBRow} from "mdb-react-ui-kit";
import {TabPanel} from "@chakra-ui/react";

const Videos = () => {
    return (
        <div>
            <MDBRow dir={'rtl'}  style={{ marginTop: 10 }}>
                <MDBCol md={12} sm={12} lg={4}>
                    <iframe width={380} height={250} src="https://www.aparat.com/video/video/embed/videohash/7riQv/vt/frame" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
                </MDBCol>
                <MDBCol md={12} sm={12} lg={4}>
                    <iframe  width={380} height={250} src="https://www.aparat.com/video/video/embed/videohash/OeWKI/vt/frame" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
                </MDBCol>

                <MDBCol md={12} sm={12} lg={4}>
                        <iframe
                            width={380} height={250}
                            src="https://www.aparat.com/video/video/embed/videohash/6EVc0/vt/frame?recom=none"
                            allowFullScreen="true" webkitallowfullscreen="true"
                            mozallowfullscreen="true">
                        </iframe>
                </MDBCol>

            </MDBRow>

        </div>
    );
};

export default Videos;