import React from 'react';
import { CardLink as CardLinkPrimitive, CardLinkProps as CardLinkPropsPrimitive } from '@modulz/primitives';

export type CardLinkProps = CardLinkPropsPrimitive

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

export const CardLink = React.forwardRef<PrimitiveRefType, CardLinkProps>((props, ref) => {
  return (
    <CardLinkPrimitive {...props} ref={ref}  styleConfig={{"base":{"card":{"normal":{"borderBottomLeftRadius":"8px","paddingTop":"16px","paddingRight":"16px","paddingLeft":"16px","borderTopLeftRadius":"8px","borderBottomRightRadius":"8px","borderTopRightRadius":"8px","backgroundColor":"rgba(128, 128, 128, 1)","boxShadow":"0 2px 4px 0 rgba(0, 0, 0, 0.15)","paddingBottom":"16px"},"hover":{"boxShadow":"0 2px 21px -3px hsla(0, 0%, 0%, 0.22)"}}},"variants":{}}}/>
  );
});