import * as React from 'react';
import Svg, {SvgProps, Path} from 'react-native-svg';

const SvgComponent = (props: SvgProps) => (
  <Svg width={21} height={20} fill="none" {...props}>
    <Path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M21 0H3.114v16.003a3.765 3.765 0 0 0 3.766 3.765h2.823v-3.765a2.353 2.353 0 1 1 4.707 0v3.765h2.824A3.765 3.765 0 0 0 21 16.003V0Z"
      fill="#83D1D8"
    />
    <Path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M10.176 19.769h3.765v-3.765a1.883 1.883 0 0 0-3.765 0v3.765Zm1.882-2.353a.941.941 0 1 0 0-1.883.941.941 0 0 0 0 1.883Z"
      fill="#373E97"
    />
    <Path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M3.115 0 .127 11.318c-.574 2.173.865 4.304 2.988 4.671V0Z"
      fill="#6166AE"
    />
  </Svg>
);

export default SvgComponent;
