# OptimizedImage

**Kind:** Component

**Source:** [`atloria-monorepo/templates/site-bootstrap/src/components/layout/optimized-image.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/templates/site-bootstrap/src/components/layout/optimized-image.tsx#L22)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `src` | `string` | ✓ | - |
| `alt` | `string` | ✓ | - |
| `width` | `number` | - | - |
| `height` | `number` | - | - |
| `srcSet` | `string` | - | - |
| `sizes` | `string` | - | - |
| `className` | `string` | - | "" |
| `loading` | `unknown | unknown` | - | "lazy" |
| `priority` | `boolean` | - | false |

## Diagram

```mermaid
graph TD
    component_OptimizedImage_1529e593["OptimizedImage"]
    class component_OptimizedImage_1529e593 rootComponent
```

## Relationships

- USES_HOOK → `useState`
- USES_HOOK → `useRef`
- USES_HOOK → `useEffect`