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

wix-style-react

import React from 'react';
import * as Icons from 'wix-ui-icons-common';

import DropdownBase from '..';
import TextButton from '../../TextButton';

export default () => (
  <DropdownBase
    selectedId={3}
    options={[
      { id: 0, value: 'Last 7 days' },
      { id: 1, value: 'Last 14 days' },
      { id: 2, value: 'Last 28 days' },
      { id: 3, value: 'Last 3 months' },
      { id: 4, value: 'Last year' },
      { id: 5, value: 'All time' },
    ]}
  >
    {({ toggle, selectedOption = {} }) => {
      return (
        <TextButton
          skin="dark"
          suffixIcon={<Icons.ChevronDown />}
          onClick={toggle}
        >
          {selectedOption.value || 'Select'}
        </TextButton>
      );
    }}
  </DropdownBase>
);