# Defaults: LocaleBanner to Footer (/themes/sdk/reference/chrome/defaults-5)

```ts
import { … } from '@poltura/theme-sdk/chrome';
```

## `LocaleBanner` [#localebanner]

Suggests a storefront or a language.

```ts
LocaleBanner(props: LocaleBannerProps): ReactElement | null
```

Offers the storefront made for the visitor's country, which their cart moves to, else the store's language closest to the browser's, once, to a visitor who has chosen neither. It stays away from the checkout and sign-in pages and while another visitor popup is open.

**Props:** [`LocaleBannerProps`](/themes/sdk/reference/chrome/types#localebannerprops)

**Example**

```tsx
import { LocaleBanner } from '@poltura/theme-sdk/chrome';

export function Suggestions() {
  return <LocaleBanner />;
}
```

**See also:** [`useLocaleSwitcher`](/themes/sdk/reference/chrome/hooks#uselocaleswitcher)

## `Header` [#header]

The store's header: the promo bar and the header section group in the pinned box the header's scroll settings drive.

```ts
Header(): ReactElement
```

Draw it outside the header group itself; the storefront layout already draws it once per page.

**Example**

```tsx
import { Footer, Header } from '@poltura/theme-sdk/chrome';
import type { ReactNode } from 'react';

export function Shell({ children }: { children: ReactNode }) {
  return (
    <>
      <Header />
      <main>{children}</main>
      <Footer />
    </>
  );
}
```

**See also:** [`useHeader`](/themes/sdk/reference/chrome/hooks#useheader)

## `Footer` [#footer]

The store's footer: the footer section group as the merchant arranged it.

```ts
Footer(): ReactElement
```

Draw it outside the footer group itself; the storefront layout already draws it once per page.

**Example**

```tsx
import { Footer } from '@poltura/theme-sdk/chrome';

export function PageEnd() {
  return <Footer />;
}
```

**See also:** [`Header`](/themes/sdk/reference/chrome/defaults-5#header)