diff options
Diffstat (limited to 'packages/website/ts/components/ui/simple_menu.tsx')
-rw-r--r-- | packages/website/ts/components/ui/simple_menu.tsx | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/packages/website/ts/components/ui/simple_menu.tsx b/packages/website/ts/components/ui/simple_menu.tsx new file mode 100644 index 000000000..29445c965 --- /dev/null +++ b/packages/website/ts/components/ui/simple_menu.tsx @@ -0,0 +1,34 @@ +import * as _ from 'lodash'; +import * as React from 'react'; + +import { Container } from 'ts/components/ui/container'; +import { Text } from 'ts/components/ui/text'; +import { colors } from 'ts/style/colors'; + +export interface SimpleMenuProps {} + +export const SimpleMenu: React.StatelessComponent<SimpleMenuProps> = ({ children }) => { + return ( + <Container + marginLeft="16px" + marginRight="16px" + marginBottom="16px" + minWidth="220px" + className="flex flex-column" + > + {children} + </Container> + ); +}; + +export interface SimpleMenuItemProps { + text: string; + onClick?: () => void; +} +export const SimpleMenuItem: React.StatelessComponent<SimpleMenuItemProps> = ({ text, onClick }) => ( + <Container marginTop="16px" minWidth="220px" className="flex flex-column"> + <Text fontSize="14px" fontColor={colors.darkGrey} onClick={onClick} hoverColor={colors.mediumBlue}> + {text} + </Text> + </Container> +); |