import styled from 'styled-components';
import { NodeViewWrapper, NodeViewContent } from '@tiptap/react';

export const AlertNode = styled(NodeViewWrapper)`
	padding: 16px;
	color: white;
`;

export const Title = styled.h2`
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
`;

export const Body = styled(NodeViewContent)`
	a {
		color: white;
	}
	a:visited {
		color: white !important;
	}
`;