import React from 'react';
import { Pipe as PipePrimitive, PipeProps as PipePropsPrimitive } from '@modulz/primitives';

export type PipeProps = PipePropsPrimitive

type ExtractRefType<TypesThatMayContainReactRef> = TypesThatMayContainReactRef extends {ref?: React.Ref<infer T>} ? T : any;
type PrimitiveRefType = ExtractRefType<PipePropsPrimitive>  

export const Pipe = React.forwardRef<PrimitiveRefType, PipeProps>((props, ref) => {
  return (
    <PipePrimitive {...props} ref={ref}  styleConfig={{"base":{"pipe":{"normal":{"marginBottom":"0","height":"24px","width":"1px","marginTop":"0","marginRight":"12px","backgroundColor":"rgba(245, 247, 249, 1)","marginLeft":"12px"}}},"variants":{}}}/>
  );
});


