mirror of
https://github.com/morten-olsen/react-native-debug-console.git
synced 2026-02-08 00:36:26 +01:00
41 lines
678 B
JavaScript
41 lines
678 B
JavaScript
import React from 'react';
|
|
import styled from 'styled-components/native';
|
|
import Row from '../../base/Row';
|
|
import {
|
|
Body,
|
|
} from '../../base/text';
|
|
|
|
const Scroll = styled.ScrollView`
|
|
flex: 1;
|
|
`;
|
|
|
|
const Wrapper = styled.View`
|
|
`;
|
|
|
|
const Button = styled.TouchableOpacity`
|
|
`;
|
|
|
|
const Keys = ({
|
|
keys,
|
|
selected,
|
|
onSelect,
|
|
}) => (
|
|
<Scroll>
|
|
<Wrapper>
|
|
{keys.map(key => (
|
|
<Button
|
|
key={key || '[unknown]'}
|
|
onPress={() => onSelect(key)}
|
|
>
|
|
<Row
|
|
selected={selected === key}
|
|
>
|
|
<Body>{key}</Body>
|
|
</Row>
|
|
</Button>
|
|
))}
|
|
</Wrapper>
|
|
</Scroll>
|
|
)
|
|
|
|
export default Keys; |