Some checks failed
Main Confidence / confidence (push) Failing after 50s
Automated commit by agent: commits workspace changes for feature 217-homepage-hero. Please review and merge into `dev`. Co-authored-by: Ahmed Darrazi <ahmed.darrazi@live.de> Reviewed-on: #259
28 lines
629 B
Plaintext
28 lines
629 B
Plaintext
---
|
|
interface Props {
|
|
as?: keyof HTMLElementTagNameMap;
|
|
class?: string;
|
|
hoverable?: boolean;
|
|
variant?: 'accent' | 'default' | 'subtle';
|
|
[key: string]: unknown;
|
|
}
|
|
|
|
const { as = 'article', class: className = '', hoverable = false, variant = 'default', ...rest } = Astro.props;
|
|
|
|
const variantClasses = {
|
|
default: 'surface-card',
|
|
accent: 'surface-card-accent',
|
|
subtle: 'surface-card-muted',
|
|
};
|
|
|
|
const Tag = as;
|
|
---
|
|
|
|
<Tag
|
|
class:list={['rounded-[1.65rem] p-6 sm:p-7', variantClasses[variant], hoverable && 'card-hoverable', className]}
|
|
data-surface={variant}
|
|
{...rest}
|
|
>
|
|
<slot />
|
|
</Tag>
|