import styled from 'styled-components';
import { ReactComponent as PlusCircle } from "../../assets/plus-circle.svg";
import { BoxBlock } from "..";
import { colors, AlignCenter } from "../../globalStyled";
export const TitleInnerDiv = styled(BoxBlock) `
  ${AlignCenter}
`;
export const TitleHeightDiv = styled(BoxBlock) `
  height: 25px;
  margin-top: 2px;
`;
export const PlusCircleIconSVG = styled(PlusCircle) `
  display: block;
  ${({ iconsize }) => iconsize}
  fill: ${colors.textAction};
  cursor: pointer;

  &:hover {
    opacity: 0.8;
  }
`;
