# All files / src/components/ui card.tsx

100% Statements 44/44
100% Branches 0/0
100% Functions 0/0
100% Lines 44/44

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    451x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
     import { ComponentProps, forwardRef } from "react"
    import { cn } from "@/lib/utils"

    export const Card = forwardRef<HTMLDivElement, ComponentProps<"div">>(
      ({ className, ...props }, ref) => (
        <div ref={ref} className={cn("mat-mdc-card", "mat-mdc-card-outlined", className)} {...props} />
      )
    )
    Card.displayName = "Card"

    export const CardHeader = forwardRef<HTMLDivElement, ComponentProps<"div">>(
      ({ className, ...props }, ref) => (
        <div ref={ref} className={cn("mat-mdc-card-header", className)} {...props} />
      )
    )
    CardHeader.displayName = "CardHeader"

    export const CardTitle = forwardRef<HTMLHeadingElement, ComponentProps<"h3">>(
      ({ className, ...props }, ref) => (
        <h3 ref={ref} className={cn("mat-mdc-card-title", className)} {...props} />
      )
    )
    CardTitle.displayName = "CardTitle"

    export const CardDescription = forwardRef<HTMLParagraphElement, ComponentProps<"p">>(
      ({ className, ...props }, ref) => (
        <p ref={ref} className={cn("mat-mdc-card-subtitle", className)} {...props} />
      )
    )
    CardDescription.displayName = "CardDescription"

    export const CardContent = forwardRef<HTMLDivElement, ComponentProps<"div">>(
      ({ className, ...props }, ref) => (
        <div ref={ref} className={cn("mat-mdc-card-content", className)} {...props} />
      )
    )
    CardContent.displayName = "CardContent"

    export const CardFooter = forwardRef<HTMLDivElement, ComponentProps<"div">>(
      ({ className, ...props }, ref) => (
        <div ref={ref} className={cn("mat-mdc-card-actions", className)} {...props} />
      )
    )
    CardFooter.displayName = "CardFooter"