import { CompositionComponent as CC } from '../runtime';
import { Mark as MarkComposition } from '../spec';

export type MarkOptions = Omit<MarkComposition, 'type'>;

// @todo Move this to runtime.
export const Mark: CC<MarkOptions> = ({
  static: isStatic = false,
}: any = {}) => {
  return (options) => {
    const {
      width,
      height,
      depth,
      paddingLeft,
      paddingRight,
      paddingTop,
      paddingBottom,
      padding,
      inset,
      insetLeft,
      insetTop,
      insetRight,
      insetBottom,
      margin,
      marginLeft,
      marginBottom,
      marginTop,
      marginRight,
      data,
      coordinate,
      theme,
      component,
      interaction,
      x,
      y,
      z,
      key,
      frame,
      labelTransform,
      parentKey,
      clip,
      viewStyle,
      title,
      ...mark
    } = options;

    return [
      {
        type: 'standardView',
        x,
        y,
        z,
        key,
        width,
        height,
        depth,
        padding,
        paddingLeft,
        paddingRight,
        paddingTop,
        inset,
        insetLeft,
        insetTop,
        insetRight,
        insetBottom,
        paddingBottom,
        theme,
        coordinate,
        component,
        interaction,
        frame,
        labelTransform,
        margin,
        marginLeft,
        marginBottom,
        marginTop,
        marginRight,
        parentKey,
        clip,
        style: viewStyle,
        // For axis component, title is the axis title.
        ...(!isStatic && { title }),
        marks: [{ ...mark, key: `${key}-0`, data, ...(isStatic && { title }) }],
      },
    ];
  };
};

Mark.props = {};