storybook/docs/snippets/react/button-story.with-hooks.js.mdx

```js
// Button.stories.js | Button.stories.ts

import React, { useState } from 'react';

import { Button } from './Button';

/*
* Example Button story with React Hooks.
* See note below related to this example.
*/
export const Primary = () => {
  // Sets the hooks for both the label and primary props
  const [value, setValue] = useState('Secondary');
  const [isPrimary, setIsPrimary] = useState(false);

  // Sets a click handler to change the label's value
  const handleOnChange = () => {
    if (!isPrimary) {
      setIsPrimary(true);
      setValue('Primary');
    }
  };
  return <Button primary={isPrimary} onClick={handleOnChange} label={value} />;
};
```