From b747eedfde9c57306974d9d1a25c9a8db35e3cf9 Mon Sep 17 00:00:00 2001
From: Vinicius de Liz <vinicius.deliz@gmail.com>
Date: Mon, 5 Feb 2024 10:02:21 -0300
Subject: [PATCH] docs(pt) i18n: @savionascimentodev Create and translate
 `docs/pt/reference/default-theme-badeg.md`

---
 docs/pt/reference/default-theme-badge.md | 69 ++++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 docs/pt/reference/default-theme-badge.md

diff --git a/docs/pt/reference/default-theme-badge.md b/docs/pt/reference/default-theme-badge.md
new file mode 100644
index 00000000..1099ed92
--- /dev/null
+++ b/docs/pt/reference/default-theme-badge.md
@@ -0,0 +1,69 @@
+# Emblema (Badge)
+
+O emblema permite adicionar status aos seus cabeçalhos. Por exemplo, pode ser útil especificar o tipo da seção ou a versão suportada.
+
+## Uso
+
+Você pode usar o componente `Badge` que está disponível globalmente.
+
+```html
+### Title <Badge type="info" text="default" />
+### Title <Badge type="tip" text="^1.9.0" />
+### Title <Badge type="warning" text="beta" />
+### Title <Badge type="danger" text="caution" />
+```
+
+O código acima é renderizado como:
+
+### Title <Badge type="info" text="default" />
+### Title <Badge type="tip" text="^1.9.0" />
+### Title <Badge type="warning" text="beta" />
+### Title <Badge type="danger" text="caution" />
+
+## Filiação Personalizada
+
+`<Badge>` aceita `children` (filhos), que serão exibidas no emblema.
+
+```html
+### Title <Badge type="info">custom element</Badge>
+```
+
+### Title <Badge type="info">custom element</Badge>
+
+## Personalize o Tipo de Cor
+
+Você pode personalizar o estilo dos emblemas substituindo variáveis ​​CSS. A seguir estão os valores padrão:
+
+```css
+:root {
+  --vp-badge-info-border: transparent;
+  --vp-badge-info-text: var(--vp-c-text-2);
+  --vp-badge-info-bg: var(--vp-c-default-soft);
+
+  --vp-badge-tip-border: transparent;
+  --vp-badge-tip-text: var(--vp-c-brand-1);
+  --vp-badge-tip-bg: var(--vp-c-brand-soft);
+
+  --vp-badge-warning-border: transparent;
+  --vp-badge-warning-text: var(--vp-c-warning-1);
+  --vp-badge-warning-bg: var(--vp-c-warning-soft);
+
+  --vp-badge-danger-border: transparent;
+  --vp-badge-danger-text: var(--vp-c-danger-1);
+  --vp-badge-danger-bg: var(--vp-c-danger-soft);
+}
+```
+
+## `<Badge>`
+
+O componente `<Badge>` aceita as seguintes propriedades:
+
+```ts
+interface Props {
+  // When `<slot>` is passed, this value gets ignored.
+  text?: string
+
+  // Defaults to `tip`.
+  type?: 'info' | 'tip' | 'warning' | 'danger'
+}
+```
\ No newline at end of file