import styled from 'styled-components'

export const MessageMediaModalWrapper = styled.div`
	width: 100%;
	height: 100%;
	padding: 30px 30px 20px;
`;

export const MediaBox = styled.div`
`;

export const MediaModalHeader = styled.h3`
	margin: 0 0 20px;
	font-weight: 600;
`;

export const MessageMediaFooter = styled.div`
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
`;

export const DropMediaList = styled.ul`
	list-style-type: none;
	padding: 0; 
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	
`;