Dropdown

import { Dropdown } from '@gympass/yoga';

<Dropdown
  label="Find an activity to love"
  options={[
    { label: 'Yoga', value: 'yoga' },
    { label: 'Crossfit', value: 'crossfit' },
    { label: 'Tenis', value: 'tenis' },
    { label: 'Soccer', value: 'soccer' },
    { label: 'Pilates', value: 'pilates' },
    { label: 'Run', value: 'run' },
  ]}
/>
<Dropdown
  label="Find an activity to love"
  options={[
    { label: 'Yoga', value: 'yoga' },
    { label: 'Crossfit', value: 'crossfit' },
    { label: 'Tenis', value: 'tenis' },
    { label: 'Soccer', value: 'soccer' },
    { label: 'Pilates', value: 'pilates' },
    { label: 'Run', value: 'run' },
  ]}
/>

import { Dropdown } from '@gympass/yoga';

<Dropdown
  label="Search by your City"
  options={[
    { label: 'San Diego', value: 'san-diego', selected: true },
    { label: 'San Francisco', value: 'san-francisco' },
    { label: 'Los Angeles', value: 'los-angeles' },
    { label: 'Northridge', value: 'northridge' },
    { label: 'Santa Monica', value: 'santa-monica' },
  ]}
/>
<Dropdown
  label="Search by your City"
  options={[
    { label: 'San Diego', value: 'san-diego', selected: true },
    { label: 'San Francisco', value: 'san-francisco' },
    { label: 'Los Angeles', value: 'los-angeles' },
    { label: 'Northridge', value: 'northridge' },
    { label: 'Santa Monica', value: 'santa-monica' },
  ]}
/>