import cmp "github.com/fastygo/templ/components"
import "github.com/fastygo/templ/ui"

templ Example() {
	@cmp.Card(cmp.CardProps{Class: "max-w-sm"}) {
		@cmp.CardHeader(cmp.CardHeaderProps{}) {
			@cmp.CardTitle(cmp.CardTitleProps{}, "Заголовок карточки")
			@cmp.CardDescription(cmp.CardDescriptionProps{}, "Описание карточки в wireframe.")
		}
		@cmp.CardContent(cmp.CardContentProps{}) {
			@ui.Text(ui.TextProps{}, "Текст в теле карточки.")
		}
	}
}

import cmp "github.com/fastygo/templ/components"
import "github.com/fastygo/templ/ui"

templ Example() {
	@cmp.Card(cmp.CardProps{Class: "max-w-sm"}) {
		@cmp.CardHeader(cmp.CardHeaderProps{}) {
			@cmp.CardTitle(cmp.CardTitleProps{}, "Заголовок карточки")
			@cmp.CardDescription(cmp.CardDescriptionProps{}, "Описание карточки в wireframe.")
		}
		@cmp.CardContent(cmp.CardContentProps{}) {
			@ui.Text(ui.TextProps{}, "Текст в теле карточки.")
		}
		@cmp.CardFooter(cmp.CardFooterProps{}) {
			@ui.Button(ui.ButtonProps{Size: "sm"}) {
				Действие
			}
		}
	}
}