import styled, { css } from "styled-components";

export const MessageLineContainer = styled.div`
  display: flex;
  align-items: center;
  width: 100%;
`;

export const Content = styled.div`
  font-size: 12px;
  color: rgba(39, 38, 77, 0.25);
`;

const fixCommonStyle = css`
  flex: 1;
  height: 1px;
  background-color: rgba(39, 38, 77, 0.1);
`;

export const Prefix = styled.div`
  margin-right: 14px;
  ${fixCommonStyle}
`;
export const Suffix = styled.div`
  margin-left: 14px;
  ${fixCommonStyle}
`;
