import React, { ComponentType } from 'react'
// eslint-disable-next-line no-restricted-imports
import { SvgIcon, SvgIconProps } from '@material-ui/core'

export const VCenter = (props: SvgIconProps) => (
  <SvgIcon {...props}>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M10 1C8.34315 1 7 2.34315 7 4V7H4C2.34315 7 1 8.34315 1 10V20C1 21.6569 2.34315 23 4 23H14C15.6569 23 17 21.6569 17 20V17H20C21.6569 17 23 15.6569 23 14V4C23 2.34315 21.6569 1 20 1H10ZM3.5 11.5C3.5 10.3954 4.39543 9.5 5.5 9.5H8.5C9.05228 9.5 9.5 9.05228 9.5 8.5V5.5C9.5 4.39543 10.3954 3.5 11.5 3.5H18.5C19.6046 3.5 20.5 4.39543 20.5 5.5V12.5C20.5 13.6046 19.6046 14.5 18.5 14.5H15.5C14.9477 14.5 14.5 14.9477 14.5 15.5V18.5C14.5 19.6046 13.6046 20.5 12.5 20.5H5.5C4.39543 20.5 3.5 19.6046 3.5 18.5V11.5Z"
    />
    <path d="M11.75 6.75V10.85C11.75 11.3471 11.3471 11.75 10.85 11.75H6.25C5.97386 11.75 5.75 11.9739 5.75 12.25V17.75C5.75 18.0261 5.97386 18.25 6.25 18.25H11.75C12.0261 18.25 12.25 18.0261 12.25 17.75V13.15C12.25 12.6529 12.6529 12.25 13.15 12.25H17.75C18.0261 12.25 18.25 12.0261 18.25 11.75V6.75C18.25 6.47386 18.0261 6.25 17.75 6.25H12.25C11.9739 6.25 11.75 6.47386 11.75 6.75Z" />
  </SvgIcon>
)
