const { title, onClick } = props; return ( <button type="button" data-testid={props.testId ? props.testId : ""} className="inline-flex items-center gap-x-1.5 rounded-md bg-devhub-green px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-devhub-green-transparent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" onClick={props.onClick} > <i className="-ml-0.5 h-5 w-5 bi bi-plus-circle-fill" aria-hidden="true" ></i> {props.title || "New Blog Post"} </button> );