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; `;