2019-09-10 16:34:43 +02:00
|
|
|
import styled from 'styled-components';
|
|
|
|
|
|
|
|
const Wrapper = styled.div`
|
|
|
|
font-size: 20px;
|
|
|
|
color: ${({ type }) => {
|
|
|
|
switch (type) {
|
2019-11-19 16:17:15 +01:00
|
|
|
case 'file-pdf':
|
2019-09-10 16:34:43 +02:00
|
|
|
return '#E26D6D';
|
2019-11-19 16:17:15 +01:00
|
|
|
case 'file-image':
|
2019-09-10 16:34:43 +02:00
|
|
|
return '#8AA066';
|
2019-11-19 16:17:15 +01:00
|
|
|
case 'file-video':
|
2019-09-10 16:34:43 +02:00
|
|
|
return '#77C69E';
|
2019-11-19 16:17:15 +01:00
|
|
|
case 'file-code':
|
2019-09-10 16:34:43 +02:00
|
|
|
return '#515A6D';
|
2019-11-19 16:17:15 +01:00
|
|
|
case 'file-archive':
|
2019-09-10 16:34:43 +02:00
|
|
|
return '#715A31';
|
|
|
|
default:
|
|
|
|
return '#BDBFC2';
|
|
|
|
}
|
|
|
|
}};
|
|
|
|
`;
|
|
|
|
|
|
|
|
export default Wrapper;
|