git.iko.soy/bridge
on master help sign in
bridge/src/indigo-react/components/AccessoryIcon.jsx
32 lines 635 B history raw
1import React from 'react';
3import Flex from './Flex';
5const PENDING_ACCESSORY = '⋯';
6const SUCCESS_ACCESSORY = '✓';
7const FAILURE_ACCESSORY = '!';
9function AccessoryIcon({ ...props }) {
10 return (
11 <Flex
12 justify="center"
13 align="center"
14 style={{ height: '100%', width: '100%' }}
15 {...props}
16 />
17 );
20AccessoryIcon.Pending = () => (
21 <AccessoryIcon>{PENDING_ACCESSORY}</AccessoryIcon>
22);
24AccessoryIcon.Success = () => (
25 <AccessoryIcon>{SUCCESS_ACCESSORY}</AccessoryIcon>
26);
28AccessoryIcon.Failure = () => (
29 <AccessoryIcon>{FAILURE_ACCESSORY}</AccessoryIcon>
30);
32export default AccessoryIcon;