import React from 'react';

type dpassLogoProps = {
    color?: string;
    secondColor?: string;
}

const DpassLogo = ({color='#1a73e8', secondColor='#fff'}: dpassLogoProps) => {

    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewBox="0 0 46 46" id={'dpass-logo-svg'}>
            <g id="Group_23780" data-name="Group 23780" transform="translate(-1165 -585)">
                <path id="Path_23115" className={'circle'} data-name="Path 23115" d="M23,0A23,23,0,1,1,0,23,23,23,0,0,1,23,0Z" transform="translate(1165 585)" fill="#1a73e8"/>
                <path id="Path_6563"  className={'inner'} data-name="Path 6563" d="M14.368,32.193,13.8,35.115a1.184,1.184,0,0,0,1.162,1.408H15a1.184,1.184,0,0,0,1.162-.961l.563-2.922a1.184,1.184,0,0,0-1.162-1.408H15.53a1.184,1.184,0,0,0-1.162.961Zm12.221-11.92a4.332,4.332,0,0,0-3.411-1.537H17.923a1.184,1.184,0,0,0-1.162.959l-1.109,5.772a1.181,1.181,0,0,1-1.162.961H5.808a5.8,5.8,0,0,0-3.7,1.408A5.954,5.954,0,0,0,.059,31.251a4.5,4.5,0,0,0,.885,3.735,4.332,4.332,0,0,0,3.411,1.537H9.61a1.184,1.184,0,0,0,1.158-.963l1.1-5.759a1.181,1.181,0,0,1,1.162-.961H21.71a5.825,5.825,0,0,0,3.707-1.408,5.952,5.952,0,0,0,2.049-3.417A4.5,4.5,0,0,0,26.588,20.273ZM8.782,33.156a1.181,1.181,0,0,1-1.162.963H4.355a1.971,1.971,0,0,1-1.56-.667,2.092,2.092,0,0,1-.375-1.747,3.673,3.673,0,0,1,3.388-2.867H8.175a1.184,1.184,0,0,1,1.162,1.4Zm16.33-9.6a3.675,3.675,0,0,1-3.388,2.869h-2.38a1.184,1.184,0,0,1-1.167-1.408l.563-2.922a1.184,1.184,0,0,1,1.162-.961h3.269a1.967,1.967,0,0,1,1.569.669A2.088,2.088,0,0,1,25.113,23.559ZM12.536,18.736H12.5a1.184,1.184,0,0,0-1.162.961l-.546,2.886a1.181,1.181,0,0,0,1.162,1.4h.036a1.181,1.181,0,0,0,1.162-.961l.548-2.884a1.184,1.184,0,0,0-1.162-1.406Z" transform="translate(1173.973 580.477)" fill="#fff"/>
            </g>
        </svg>
    );
}

export default DpassLogo;