git.iko.soy/bridge
on 91efb05 help sign in
bridge/src/components/L2/Dropdowns/Dropdown.tsx
36 lines 761 B history raw
1import React from 'react';
2import { Box, Icon } from '@tlon/indigo-react';
4import './Dropdown.scss';
6export interface DropdownProps {
7 className?: string;
8 children: React.ReactNode;
9 value: string | React.ReactNode;
10 open: boolean;
11 toggleOpen: () => void;
14const Dropdown = ({
15 children,
16 value,
17 open,
18 toggleOpen,
19 className = '',
20}: DropdownProps) => {
21 return (
22 <Box className={`dropdown ${className}`}>
23 <Box className={`selector ${open ? 'open' : ''}`} onClick={toggleOpen}>
24 {value}
25 <Icon icon="ChevronSouth" />
26 </Box>
27 {open && (
28 <Box className="content-border">
29 <Box className="dropdown-content">{children}</Box>
30 </Box>
31 )}
32 </Box>
33 );
34};
36export default Dropdown;