# @ovok/native/diary

Canonical page: https://docs.ovok.com/native-sdk/reference/diary

Diary card component.

Import from `@ovok/native/diary`.

## Components [#components]

### DiaryCard() [#diarycard]

```ts
function DiaryCard(props): Element;
```

Pressable diary card for one measurement type; compose it with the `DiaryCard.*` sub-components.

#### Parameters [#parameters]

| Parameter | Type |
| ------ | ------ |
| `props` | [`DiaryCardProps`](#diarycardprops) |

#### Returns [#returns]

`Element`

## Type Aliases [#type-aliases]

### DiaryCardProps [#diarycardprops]

```ts
type DiaryCardProps = TouchableOpacityProps & object;
```

Props for `DiaryCard`; also accepts `TouchableOpacity` props.

#### Type Declaration [#type-declaration]

| Name | Type | Description |
| ------ | ------ | ------ |
| `children` | `React.ReactNode` | Card content. |
| `hasData?` | `boolean` | Whether the card has data; cards without data use a disabled background. |
| `style?` | `ViewStyle` | Style for the card. |
| `testID?` | `string` | Test identifier for the card. |
