import { PropsWithChildren } from 'react';
import { ModalProps } from '../Modal.types.js';
import '../../Heading/Heading.types.js';
import '../../types.js';
import '@emotion/react';

type VisualModalContainerProps = PropsWithChildren & {
    width: VisualModalProps["width"];
};
type VisualModalProps = Omit<ModalProps, "fullHeight" | "width"> & {
    /**
     * small: 348px
     *
     * medium: 540px
     *
     * large: 720px
     *
     * visualModal은 fullWidth가 없습니다.
     */
    width: "small" | "medium" | "large";
};

export { VisualModalContainerProps, VisualModalProps };