Basic example of the OpButton component
 

```jsx
<OpButton btnStyle="primary">
  primary
</OpButton>
<OpButton btnStyle="primaryOutline">
  primaryOutline
</OpButton>
<OpButton btnStyle="tertiary">
tertiary
</OpButton>
<OpButton btnStyle="tertiaryOutline">
  tertiaryOutline
</OpButton>
<OpButton btnStyle="warning">
  warning
</OpButton>
<OpButton btnStyle="warningOutline">
  warningOutline
</OpButton>
<OpButton btnStyle="dark">
  dark
</OpButton>
<OpButton btnStyle="darkOutline">
  darkOutline
</OpButton>
<OpButton btnStyle="secondary">
  secondary
</OpButton>
<OpButton btnStyle="secondaryOutline">
  SecondaryOutline
</OpButton>
<OpButton btnStyle="light">
  light
</OpButton>
<OpButton btnStyle="lightOutline">
  lightOutline
</OpButton>
<OpButton btnStyle="danger">
  danger
</OpButton>
<OpButton btnStyle="dangerOutline">
  dangerOutline
</OpButton>
<OpButton btnStyle="success">
  success
</OpButton>
<OpButton btnStyle="successOutline">
  successOutline
</OpButton>

<OpButton size="small">
  sm
</OpButton>
<OpButton btnStyle="primary" size="medium">
  medium
</OpButton>
<OpButton btnStyle="primary" size="large">
  lg
</OpButton>

<OpButton btnStyle="warning" disabled>
  disabled
</OpButton>
```