## FocusView Component

The `FocusView` component provides a dedicated space within the Stripe Dashboard for users to complete specific tasks. It's designed to be used within other `View` components and allows developers to control its visibility using the `shown` property.

### Usage

`FocusView` must be a child of `ContextView`. To control its visibility, use the `shown` property.

```typescript
import { FocusView } from '@stripe/ui-extension-sdk/ui';

// ...

<FocusView title="Enter Details" shown={isDetailEntryOpen}>
  {/* Content for the detail entry */}
</FocusView>
```

### Props

| Property          | Type                                        | Description                                                                                                                               |
| :---------------- | :------------------------------------------ | :---------------------------------------------------------------------------------------------------------------------------------------- |
| `children`        | `React.ReactNode`                           | The content of the `FocusView`.                                                                                                           |
| `title`           | `string`                                    | The title of the `FocusView`, displayed at the top of the drawer under your app's name.                                                  |
| `confirmCloseMessages` | `ConfirmCloseMessages` \| `undefined` | If provided, `confirmCloseMessages` will be displayed to the user when they attempt to close the `FocusView`. |