import * as React from 'react';
const WalletLayout = ({ active }: any) => (
  <svg xmlns='http://www.w3.org/2000/svg' width={32} height={32} fill='none'>
    <path
      fill={active ? '#1D4787' : '#CBD1DB'}
      d='M22.667 30.332H9.334c-4.587 0-7.667-3.08-7.667-7.667V16c0-4.107 2.534-7.08 6.467-7.574a8.588 8.588 0 0 1 1.2-.093h13.333c.32 0 .734.013 1.16.08 3.934.453 6.507 3.44 6.507 7.587v6.666c0 4.587-3.08 7.667-7.667 7.667Zm-13.333-20c-.32 0-.627.027-.933.067-2.934.373-4.734 2.506-4.734 5.6v6.666c0 3.44 2.227 5.667 5.667 5.667h13.333c3.44 0 5.667-2.227 5.667-5.667V16c0-3.12-1.827-5.267-4.787-5.614-.32-.053-.6-.053-.88-.053H9.334Z'
    />
    <path
      fill={active ? '#1D4787' : '#CBD1DB'}
      d='M8.253 10.415c-.32 0-.614-.146-.814-.413a.98.98 0 0 1-.08-1.04 4.79 4.79 0 0 1 .96-1.293l4.334-4.347a5.706 5.706 0 0 1 8.027 0l2.333 2.36a5.536 5.536 0 0 1 1.653 3.667 1.003 1.003 0 0 1-1.16 1.04 5.68 5.68 0 0 0-.84-.054H9.333c-.32 0-.627.027-.934.067-.04.013-.093.013-.146.013Zm2.226-2.08h11.947a3.552 3.552 0 0 0-.826-1.24l-2.347-2.373c-1.427-1.413-3.76-1.413-5.2 0l-3.574 3.613ZM29.334 23.001h-4a3.665 3.665 0 0 1-3.667-3.666 3.665 3.665 0 0 1 3.667-3.667h4c.547 0 1 .453 1 1 0 .547-.453 1-1 1h-4a1.667 1.667 0 0 0 0 3.333h4c.547 0 1 .454 1 1 0 .547-.453 1-1 1Z'
    />
  </svg>
);
export default WalletLayout;