eu quero colocar um se for selecionado tal coisa, aconteca tal coisa, mas usando o rust:
Cadastro/CadastroClientes/main.rs:
#[tauri::command]
fn cadastroClientes() {
  let tipo = "";
  If
}         

Clientes.tsx:
import "./Clientes.css"
import "./Clientes.css";
import "../Cadastrar.css";
import { invoke } from '@tauri-apps/api/core';
import React, { useState } from "react";
import { Link } from "react-router-dom";
// Be sure to set `build.withGlobalTauri` in `tauri.conf.json` to true
// Invoke the command
function Cadastrar(){
    return(
        <div>
            <div className="Voltar">
                <Link to="../Cadastrar">Voltar</Link>
            </div>
            <label>
            Tipo de Cadastro:
            <select
  name="tipodecadastro"
  onChange={(event) => {
    const selectedValue = event.target.value;
    invoke('my_custom_command', { tipo: selectedValue })
      .then((message) => console.log(message))
      .catch((error) => console.error(error));
  }}
>
                    <option value="fisica">Pessoa Fisica</option>
                    <option value="juridica">Pessoa Juridica</option>
                </select>
            </label>
                 
            <show> if select tipodecadastro.v   alue == juridica: ./Clientes-Juridica else: ./Clietnes-Fisica</show>
        </div>
    )
}
export default Cadastrar;


├── app.AppDir
├── dirlist
├── dist
│   ├── assets
│   │   ├── index-BSUvDyrw.js
│   │   └── index-Dw3Xn6eV.css
│   ├── Cadastrar
│   │   ├── Clientes.svg
│   │   ├── Distribuidores.svg
│   │   ├── Fabricantes.svg
│   │   ├── Fornecedores.svg
│   │   ├── Imposto.svg
│   │   ├── NCM.svg
│   │   ├── Personalizado.svg
│   │   ├── Preço.svg
│   │   └── Produto.svg
│   ├── cadastrar.svg
│   ├── importar.svg
│   ├── index.html
│   ├── listar.svg
│   ├── orcamento.svg
│   ├── tauri.svg
│   └── vite.svg
├── Importacao-e-Venda.code-workspace
├── index.html
├── node_modules
│   ├── @achrinza
│   ├── @ampproject
│   │   └── remapping
│   ├── ansi-styles
│   │   ├── index.js
│   │   ├── license
│   │   ├── package.json
│   │   └── readme.md
│   ├── @babel
│   │   ├── code-frame
│   │   ├── compat-data
│   │   ├── core
│   │   ├── generator
│   │   ├── helper-compilation-targets
│   │   ├── helper-module-imports
│   │   ├── helper-module-transforms
│   │   ├── helper-plugin-utils
│   │   ├── helpers
│   │   ├── helper-simple-access
│   │   ├── helper-string-parser
│   │   ├── helper-validator-identifier
│   │   ├── helper-validator-option
│   │   ├── highlight
│   │   ├── parser
│   │   ├── plugin-transform-react-jsx-self
│   │   ├── plugin-transform-react-jsx-source
│   │   ├── template
│   │   ├── traverse
│   │   └── types
│   ├── browserslist
│   │   ├── browser.js
│   │   ├── cli.js
│   │   ├── error.d.ts
│   │   ├── error.js
│   │   ├── index.d.ts
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── node.js
│   │   ├── package.json
│   │   ├── parse.js
│   │   └── README.md
│   ├── camelize
│   │   ├── CHANGELOG.md
│   │   ├── example
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   └── test
│   ├── caniuse-lite
│   │   ├── data
│   │   ├── dist
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── chalk
│   │   ├── index.js
│   │   ├── index.js.flow
│   │   ├── license
│   │   ├── package.json
│   │   ├── readme.md
│   │   ├── templates.js
│   │   └── types
│   ├── classnames
│   │   ├── bind.d.ts
│   │   ├── bind.js
│   │   ├── dedupe.d.ts
│   │   ├── dedupe.js
│   │   ├── HISTORY.md
│   │   ├── index.d.ts
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── color-convert
│   │   ├── CHANGELOG.md
│   │   ├── conversions.js
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   └── route.js
│   ├── color-name
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   └── test.js
│   ├── convert-source-map
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── css-color-keywords
│   │   ├── colors.json
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── css-to-react-native
│   │   ├── index.d.ts
│   │   ├── index.js
│   │   ├── LICENSE.md
│   │   ├── package.json
│   │   ├── README.md
│   │   └── src
│   ├── csstype
│   │   ├── index.d.ts
│   │   ├── index.js.flow
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── debug
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   └── src
│   ├── electron-to-chromium
│   │   ├── chromium-versions.js
│   │   ├── chromium-versions.json
│   │   ├── full-chromium-versions.js
│   │   ├── full-chromium-versions.json
│   │   ├── full-versions.js
│   │   ├── full-versions.json
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   ├── versions.js
│   │   └── versions.json
│   ├── @emotion
│   │   ├── is-prop-valid
│   │   ├── memoize
│   │   └── unitless
│   ├── enquire.js
│   │   ├── dist
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── readme.md
│   │   └── src
│   ├── @esbuild
│   │   └── linux-x64
│   ├── esbuild
│   │   ├── bin
│   │   ├── install.js
│   │   ├── lib
│   │   ├── LICENSE.md
│   │   ├── package.json
│   │   └── README.md
│   ├── escalade
│   │   ├── dist
│   │   ├── index.d.mts
│   │   ├── index.d.ts
│   │   ├── license
│   │   ├── package.json
│   │   ├── readme.md
│   │   └── sync
│   ├── escape-string-regexp
│   │   ├── index.js
│   │   ├── license
│   │   ├── package.json
│   │   └── readme.md
│   ├── gensync
│   │   ├── index.js
│   │   ├── index.js.flow
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   └── test
│   ├── globals
│   │   ├── globals.json
│   │   ├── index.js
│   │   ├── license
│   │   ├── package.json
│   │   └── readme.md
│   ├── @hapi
│   ├── has-flag
│   │   ├── index.js
│   │   ├── license
│   │   ├── package.json
│   │   └── readme.md
│   ├── hoist-non-react-statics
│   │   ├── CHANGELOG.md
│   │   ├── dist
│   │   ├── LICENSE.md
│   │   ├── package.json
│   │   ├── README.md
│   │   └── src
│   ├── @jridgewell
│   │   ├── gen-mapping
│   │   ├── resolve-uri
│   │   ├── set-array
│   │   ├── sourcemap-codec
│   │   └── trace-mapping
│   ├── jsesc
│   │   ├── bin
│   │   ├── jsesc.js
│   │   ├── LICENSE-MIT.txt
│   │   ├── man
│   │   ├── package.json
│   │   └── README.md
│   ├── json2mq
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   └── test
│   ├── json5
│   │   ├── dist
│   │   ├── lib
│   │   ├── LICENSE.md
│   │   ├── package.json
│   │   └── README.md
│   ├── js-tokens
│   │   ├── CHANGELOG.md
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── lodash.debounce
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── loose-envify
│   │   ├── cli.js
│   │   ├── custom.js
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── loose-envify.js
│   │   ├── package.json
│   │   ├── README.md
│   │   └── replace.js
│   ├── lru-cache
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── ms
│   │   ├── index.js
│   │   ├── license.md
│   │   ├── package.json
│   │   └── readme.md
│   ├── nanoid
│   │   ├── async
│   │   ├── bin
│   │   ├── index.browser.cjs
│   │   ├── index.browser.js
│   │   ├── index.cjs
│   │   ├── index.d.cts
│   │   ├── index.d.ts
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── nanoid.js
│   │   ├── non-secure
│   │   ├── package.json
│   │   ├── README.md
│   │   └── url-alphabet
│   ├── @node-ipc
│   ├── node-releases
│   │   ├── data
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── picocolors
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── picocolors.browser.js
│   │   ├── picocolors.d.ts
│   │   ├── picocolors.js
│   │   ├── README.md
│   │   └── types.ts
│   ├── postcss
│   │   ├── lib
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── postcss-value-parser
│   │   ├── lib
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── react
│   │   ├── cjs
│   │   ├── index.js
│   │   ├── jsx-dev-runtime.js
│   │   ├── jsx-runtime.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── react.shared-subset.js
│   │   ├── README.md
│   │   └── umd
│   ├── react-dom
│   │   ├── cjs
│   │   ├── client.js
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── profiling.js
│   │   ├── README.md
│   │   ├── server.browser.js
│   │   ├── server.js
│   │   ├── server.node.js
│   │   ├── test-utils.js
│   │   └── umd
│   ├── react-hook-form
│   │   ├── dist
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── react-is
│   │   ├── build-info.json
│   │   ├── cjs
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   └── umd
│   ├── react-refresh
│   │   ├── babel.js
│   │   ├── cjs
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   └── runtime.js
│   ├── react-router
│   │   ├── CHANGELOG.md
│   │   ├── dist
│   │   ├── LICENSE.md
│   │   ├── package.json
│   │   └── README.md
│   ├── react-router-dom
│   │   ├── CHANGELOG.md
│   │   ├── dist
│   │   ├── LICENSE.md
│   │   ├── package.json
│   │   ├── README.md
│   │   ├── server.d.ts
│   │   ├── server.js
│   │   └── server.mjs
│   ├── react-slick
│   │   ├── dist
│   │   ├── lib
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── @remix-run
│   │   └── router
│   ├── resize-observer-polyfill
│   │   ├── dist
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   └── src
│   ├── @rollup
│   │   ├── rollup-linux-x64-gnu
│   │   └── rollup-linux-x64-musl
│   ├── rollup
│   │   ├── dist
│   │   ├── LICENSE.md
│   │   ├── package.json
│   │   └── README.md
│   ├── scheduler
│   │   ├── cjs
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   ├── umd
│   │   ├── unstable_mock.js
│   │   └── unstable_post_task.js
│   ├── semver
│   │   ├── bin
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── range.bnf
│   │   ├── README.md
│   │   └── semver.js
│   ├── shallowequal
│   │   ├── index.js
│   │   ├── index.js.flow
│   │   ├── index.original.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   └── README.md
│   ├── source-map-js
│   │   ├── lib
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   ├── source-map.d.ts
│   │   └── source-map.js
│   ├── string-convert
│   │   ├── camel2hyphen.js
│   │   ├── hyphen2camel.js
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   └── test
│   ├── styled-components
│   │   ├── dist
│   │   ├── LICENSE
│   │   ├── native
│   │   ├── node_modules
│   │   ├── package.json
│   │   ├── README.md
│   │   └── test-utils
│   ├── stylis
│   │   ├── dist
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   └── src
│   ├── supports-color
│   │   ├── browser.js
│   │   ├── index.js
│   │   ├── license
│   │   ├── package.json
│   │   └── readme.md
│   ├── @tauri-apps
│   │   ├── api
│   │   ├── cli
│   │   ├── cli-linux-x64-gnu
│   │   ├── cli-linux-x64-musl
│   │   ├── plugin-shell
│   │   └── plugin-updater
│   ├── to-fast-properties
│   │   ├── index.js
│   │   ├── license
│   │   ├── package.json
│   │   └── readme.md
│   ├── tslib
│   │   ├── CopyrightNotice.txt
│   │   ├── LICENSE.txt
│   │   ├── modules
│   │   ├── package.json
│   │   ├── README.md
│   │   ├── SECURITY.md
│   │   ├── tslib.d.ts
│   │   ├── tslib.es6.html
│   │   ├── tslib.es6.js
│   │   ├── tslib.es6.mjs
│   │   ├── tslib.html
│   │   └── tslib.js
│   ├── @types
│   │   ├── babel__core
│   │   ├── babel__generator
│   │   ├── babel__template
│   │   ├── babel__traverse
│   │   ├── estree
│   │   ├── hoist-non-react-statics
│   │   ├── prop-types
│   │   ├── react
│   │   ├── react-dom
│   │   ├── styled-components
│   │   └── stylis
│   ├── typescript
│   │   ├── bin
│   │   ├── lib
│   │   ├── LICENSE.txt
│   │   ├── package.json
│   │   ├── README.md
│   │   ├── SECURITY.md
│   │   └── ThirdPartyNoticeText.txt
│   ├── update-browserslist-db
│   │   ├── check-npm-version.js
│   │   ├── cli.js
│   │   ├── index.d.ts
│   │   ├── index.js
│   │   ├── LICENSE
│   │   ├── package.json
│   │   ├── README.md
│   │   └── utils.js
│   ├── vite
│   │   ├── bin
│   │   ├── client.d.ts
│   │   ├── dist
│   │   ├── index.cjs
│   │   ├── index.d.cts
│   │   ├── LICENSE.md
│   │   ├── package.json
│   │   ├── README.md
│   │   └── types
│   ├── @vitejs
│   │   └── plugin-react
│   ├── @vue
│   └── yallist
│       ├── iterator.js
│       ├── LICENSE
│       ├── package.json
│       ├── README.md
│       └── yallist.js
├── package.json
├── package-lock.json
├── public
│   ├── Cadastrar
│   │   ├── Clientes.svg
│   │   ├── Distribuidores.svg
│   │   ├── Fabricantes.svg
│   │   ├── Fornecedores.svg
│   │   ├── Imposto.svg
│   │   ├── NCM.svg
│   │   ├── Personalizado.svg
│   │   ├── Preço.svg
│   │   └── Produto.svg
│   ├── cadastrar.svg
│   ├── importar.svg
│   ├── listar.svg
│   ├── orcamento.svg
│   ├── tauri.svg
│   └── vite.svg
├── README-EN.md
├── README.md
├── src
│   ├── App.css
│   ├── App.tsx
│   ├── assets
│   │   └── react.svg
│   ├── Cadastrar
│   │   ├── Clientes.css
│   │   ├── Clientes-Fisica.tsx
│   │   ├── Clientes-Juridica.tsx
│   │   └── Clientes.tsx
│   ├── Cadastrar.css
│   ├── Cadastrar.tsx
│   ├── Home.tsx
│   ├── main.tsx
│   └── vite-env.d.ts
├── src-tauri
│   ├── build.rs
│   ├── capabilities
│   │   └── default.json
│   ├── Cargo.lock
│   ├── Cargo.toml
│   ├── gen
│   │   └── schemas
│   ├── icons
│   │   ├── 128x128@2x.png
│   │   ├── 128x128.png
│   │   ├── 32x32.png
│   │   ├── icon.icns
│   │   ├── icon.ico
│   │   ├── icon.png
│   │   ├── Square107x107Logo.png
│   │   ├── Square142x142Logo.png
│   │   ├── Square150x150Logo.png
│   │   ├── Square284x284Logo.png
│   │   ├── Square30x30Logo.png
│   │   ├── Square310x310Logo.png
│   │   ├── Square44x44Logo.png
│   │   ├── Square71x71Logo.png
│   │   ├── Square89x89Logo.png
│   │   └── StoreLogo.png
│   ├── src
│   │   ├── Cadastro
│   │   ├── Importar
│   │   ├── lib.rs
│   │   ├── Lista
│   │   ├── main.rs
│   │   └── Orcamento
│   ├── target
│   │   ├── CACHEDIR.TAG
│   │   └── debug
│   └── tauri.conf.json
├── tsconfig.json
├── tsconfig.node.json
├── update.json
└── vite.config.ts