import styled from 'styled-components';

const UploadFieldWrapper = styled.div`
	display: flex;
	margin: 10px 0;
	.input {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
	}
	.upload-icon {
		padding: 5px;
		cursor: pointer;
		display: flex;
	    align-items: center;
		.material-icons {
			color: rgba(0, 0, 0, 0.4);
		}
		&.uploaded {
			.material-icons {
				color: #dd712f;
			}
		}
		&.error {
			.material-icons {
				color: #e22727;
			}
		}
		&.disabled {
			.material-icons {
				color: #f2f3f3;
			}
			pointer-events: none;
		}
	}
	input[disabed] {
	  background: #f2f3f3;
	}`;

export { UploadFieldWrapper };