CurrencyPicker

import { useState } from 'react';
import { CurrencyPicker, Dropdown } from 'twenty-ui/components';

const CURRENCIES = [
  { code: 'EUR', name: 'Euro' },
  { code: 'USD', name: 'US Dollar' },
];

export const InvoiceCurrency = () => {
  const [currencyCode, setCurrencyCode] = useState('USD');

  return (
    <Dropdown.Root type="picker">
      <CurrencyPicker.Trigger
        value={currencyCode}
        aria-label={`Invoice currency: ${currencyCode}`}
      />
      <Dropdown.Content aria-label="Invoice currency" width={280}>
        <CurrencyPicker.Options
          currencies={CURRENCIES}
          value={currencyCode}
          onValueChange={setCurrencyCode}
          searchLabel="Search currencies"
          emptyLabel="No currencies found"
        />
      </Dropdown.Content>
    </Dropdown.Root>
  );
};