Node

<script setup lang="ts">
import type { HTMLAttributes } from 'vue'
import CardHeader from '@repo/shadcn-vue/components/ui/card/CardHeader.vue'
import { cn } from '@repo/shadcn-vue/lib/utils'

const props = defineProps<{
  class?: HTMLAttributes['class']
}>()
</script>

<template>
  <CardHeader :class="cn('gap-0.5 rounded-t-md border-b bg-secondary p-3!', props.class)">
    <slot />
  </CardHeader>
</template>

<script setup lang="ts">
import CardTitle from '@repo/shadcn-vue/components/ui/card/CardTitle.vue'
</script>

<template>
  <CardTitle>
    <slot />
  </CardTitle>
</template>

<script setup lang="ts">
import CardDescription from '@repo/shadcn-vue/components/ui/card/CardDescription.vue'
</script>

<template>
  <CardDescription>
    <slot />
  </CardDescription>
</template>

<script setup lang="ts">
import CardAction from '@repo/shadcn-vue/components/ui/card/CardAction.vue'
</script>

<template>
  <CardAction>
    <slot />
  </CardAction>
</template>

<script setup lang="ts">
import type { HTMLAttributes } from 'vue'
import CardContent from '@repo/shadcn-vue/components/ui/card/CardContent.vue'
import { cn } from '@repo/shadcn-vue/lib/utils'

const props = defineProps<{
  class?: HTMLAttributes['class']
}>()
</script>

<template>
  <CardContent :class="cn('p-3', props.class)">
    <slot />
  </CardContent>
</template>

<script setup lang="ts">
import type { HTMLAttributes } from 'vue'
import CardFooter from '@repo/shadcn-vue/components/ui/card/CardFooter.vue'
import { cn } from '@repo/shadcn-vue/lib/utils'

const props = defineProps<{
  class?: HTMLAttributes['class']
}>()
</script>

<template>
  <CardFooter :class="cn('rounded-b-md border-t bg-secondary p-3!', props.class)">
    <slot />
  </CardFooter>
</template>

export { default as Node } from './Node.vue'
export { default as NodeAction } from './NodeAction.vue'
export { default as NodeContent } from './NodeContent.vue'
export { default as NodeDescription } from './NodeDescription.vue'
export { default as NodeFooter } from './NodeFooter.vue'
export { default as NodeHeader } from './NodeHeader.vue'
export { default as NodeTitle } from './NodeTitle.vue'