import { Skeleton } from "@mui/material"

function MultilineLoading({ loading, width, height, children, line }) {
    return loading ? Array(line).fill({}).map(_ => (
        <Skeleton
            className={`${width === 'full' ? '!w-full' : ''} !my-2`}
            variant="rounded"
            height={height}
            width={width}
        />
    )) : children
}

export default MultilineLoading