import { globalStyle, style } from '@vanilla-extract/css';
import { color, config } from 'folds';
import * as editorCss from '../../components/editor/Editor.css';

export const RoomInputWrap = style({
  width: '100%',
});

/* Notebook-flat composer chrome — Stationery only (other themes keep Editor inset border) */
globalStyle(`.stationery ${RoomInputWrap} .${editorCss.Editor}`, {
  borderRadius: 0,
  boxShadow: 'none',
  borderTop: `${config.borderWidth.B300} solid ${color.SurfaceVariant.ContainerLine}`,
  borderLeft: 'none',
  borderRight: 'none',
  borderBottom: 'none',
});