import { svgson } from "@raiadrogasil/pulso-icons"; interface Props { /** * A imagem da bandeira deve ser passada para o componente no formato SVGson, uma versão SVG convertida pra Json, utilizando a biblioteca svgson. A biblioteca @raiadrogasil/pulso-icons disponibiliza as bandeiras de países, bancos e serviços, nas respectivas pastas country, bank e service. */ image?: svgson; /** * O conteúdo deve ser passado para o componente como um elemento filho. * * Tamanho da flag (36x24px ou 60x40px). */ size?: "small" | "medium"; type?: "bank" | "country" | "credit-card" | "service"; } /** * Para utlizar esse componente, deve-se importar o componente e o SVG da bandeira, no formato json, a partir da biblioteca de ícones: * * ``` * import brazil from "@raiadrogasil/pulso-icons/country/brazil.json"; * import banco_do_brasil from "@raiadrogasil/pulso-icons/bank/banco-do-brasil.json"; * import pix from "@raiadrogasil/pulso-icons/service/pix.json"; * * import Flag from "@raiadrogasil/pulso-react-components/Flag"; * ``` * * ou * * * *
* * Obs: O método com chaves importa o código de todos os componentes, mesmo os que não estão listados entre as chave. Portanto, por questão de performance, é desaconselhado seu uso. * ** ``` * import brazil from "@raiadrogasil/pulso-icons/country/brazil.json"; * import banco_do_brasil from "@raiadrogasil/pulso-icons/bank/banco-do-brasil.json"; * import pix from "@raiadrogasil/pulso-icons/service/pix.json"; * * import {Flag} from "@raiadrogasil/pulso-react-components/"; * ``` */ declare function Flag({ image, size, type }: Props): JSX.Element; export default Flag;