@ticmakers-react-native/onboarding/docs/md/modules/_pagination_styles_.md

TIC Makers - React Native Onboarding

[@ticmakers-react-native/onboarding](../README.md) > ["Pagination/styles"](../modules/_pagination_styles_.md)

# External module: "Pagination/styles"

## Index

### Variables

* [styles](_pagination_styles_.md#styles)

---

## Variables

<a id="styles"></a>

### `<Const>` styles

**● styles**: *`object`* =  StyleSheet.create({
  container: {
    alignItems: 'center',
    flexDirection: 'row',
    justifyContent: 'center',
    padding: 16,
  },

  leftContainer: {
    alignItems: 'center',
    flexGrow: 1,
    width: 100,
  },

  centerContainer: {
    alignItems: 'center',
    flexGrow: 1,
  },

  rightContainer: {
    alignItems: 'center',
    flexGrow: 1,
    width: 100,
  },

  dots: {
    flexShrink: 0,
  },

  colorLight: {
    color: 'white',
  },

  colorDark: {
    color: 'black',
  },
})

*Defined in Pagination/styles.ts:3*

#### Type declaration

 centerContainer: `object`

 alignItems: "center"

 flexGrow: `number`

 colorDark: `object`

 color: `string`

 colorLight: `object`

 color: `string`

 container: `object`

 alignItems: "center"

 flexDirection: "row"

 justifyContent: "center"

 padding: `number`

 dots: `object`

 flexShrink: `number`

 leftContainer: `object`

 alignItems: "center"

 flexGrow: `number`

 width: `number`

 rightContainer: `object`

 alignItems: "center"

 flexGrow: `number`

 width: `number`

___