wix-style-react/src/Thumbnail/docs/Thumbnail.demo.js

wix-style-react

import React from 'react';
import Thumbnail from '..';
import { StorybookComponents } from 'wix-storybook-utils/StorybookComponents';

export default () => {
  const [selected, setSelected] = React.useState(0);
  return (
    <StorybookComponents.Stack>
      <Thumbnail
        title="Physical location"
        width={250}
        selected={selected === 0}
        onClick={() => setSelected(0)}
      />
      <Thumbnail
        title="Online"
        width={250}
        selected={selected === 1}
        onClick={() => setSelected(1)}
      />
    </StorybookComponents.Stack>
  );
};