import React from 'react';
import CharLimit from './decorators/CharLimit'
import styled from 'styled-components'
import FloatingLabel from './decorators/FloatingLabel'
import Dropdown from 'react-dropdown';
const CharLimitContainer = styled.div`
position: relative;
`
const FlexChild = styled.div`
display: block;
margin-left: 2em;
`
class TitleInput extends React.Component {
render() {
return (
);
}
}
class PasteInput extends React.Component {
render() {
return (
);
}
}
class PassInput extends React.Component {
render() {
return (
);
}
}
class ExpiryInput extends React.Component {
_onSelect(option) {
this.callBackRef({target: {
name: 'expiry',
value: option.label
}});
}
render() {
const options = [
'5 years',
'1 year',
'1 month',
'1 week',
'1 day',
'1 hour',
'10 min',
];
return (
);
}
}
export { TitleInput, PasteInput, PassInput, ExpiryInput }