import React from 'react';
import styled from 'styled-components';
import TipTapIcon from '../TipTapIcon';

const IconBox = styled.div`
	display: flex;
	justify-content: center;
	align-items: center;
	width: ${32 / 16}em;
	height: ${24 / 16}em;
	border-radius: 4px;
	background-color: #0e4dff;

	svg > path {
		fill: #fff;
	}
`;

const CustomFieldIcon = () => {
	return (
		<IconBox>
			<TipTapIcon color="#fff" size={14} />
		</IconBox>
	);
};

export default CustomFieldIcon;