import React from 'react';
import { useTheme } from '@material-ui/core';
import { Skeleton, SkeletonProps } from '@material-ui/lab';

export default function FieldSkeleton(props: SkeletonProps) {
  const theme = useTheme();
  return (
    <Skeleton
      variant="rect"
      width="100%"
      height={56}
      animation="wave"
      style={{ borderRadius: theme.shape.borderRadius }}
      {...props}
    />
  );
}