# ChannelSelect

## Import

```typescript
import ChannelSelect from 'MaestroMobileSDK/ChannelSelect';
```

## Usage

```typescript
import ChannelSelect from 'MaestroMobileSDK/ChannelSelect';
export function ChannelSelectTest{
    const [openChannelSelect, setOpenChannelSelect] = useState(false);
    const  navigation = useNavigation();

    return <ChannelSelect
            open={openChannelSelect}
            onClose={()=> {
              setOpenChannelSelect(false);
            }}
            onChannelPress={(channel:ChannelItem)=>{
              // Change Page ID
            }}
            />
}
```

## Props

| Name           | Type                                                                     | Default | Description                                              |
| -------------- | ------------------------------------------------------------------------ | ------- | -------------------------------------------------------- |
| open           | `boolean`                                                                |         | if `true` ChannelSelect is open                          |
| onClose        | `() => void`                                                             |         | Callback fired when the component requests to be closed. |
| onChannelPress | `onChannelPress: (channel: Channel:ChannelItem, index: number) => void;` |         | Callback fired when a Channel is pressed                 |