# XerticaLogo

The official full horizontal logotype for Xertica. It is a vector-based SVG component that ensures brand consistency across all application headers and splash screens.

---

## Import

```tsx
import { XerticaLogo } from 'xertica-ui/brand';
```

---

## Usage

```tsx
<XerticaLogo className="h-8 w-auto text-primary" />
```

---

## Props

| Prop        | Type     | Default | Description                                   |
| ----------- | -------- | ------- | --------------------------------------------- |
| `className` | `string` | —       | Standard CSS classes for sizing and coloring. |

---

## AI Rules

> [!IMPORTANT]
>
> - **Sizing**: Use responsive height utilities (e.g., `h-6 md:h-8`) rather than fixed pixel widths to maintain aspect ratio.
> - **Coloring**: The logo uses `currentColor`. Apply `text-primary` or `text-foreground` to the component to control its color.