YatCC-AI/src/components/TeachingHero.astro at main · arcsysu/YatCC-AI · GitHub

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
---
import HomeTitle from "@/components/HomeTitle.astro";
import ButtonGroup from "@/components/ButtonGroup.astro";
import Button from "@/components/Button.astro";
import DarkLightButton from "@/components/DarkLightButton.astro";

interface Props {
  title: string;
  subtitle: string;
  primaryLabel: string;
  primaryHref: string;
  secondaryLabel: string;
  secondaryHref: string;
}

const {
  title,
  subtitle,
  primaryLabel,
  primaryHref,
  secondaryLabel,
  secondaryHref,
} = Astro.props;
---

<Fragment>
  <HomeTitle title={title} subtitle={subtitle} />
  <div class="hero-actions">
    <ButtonGroup>
      <Button href={primaryHref}>{primaryLabel}</Button>
      <DarkLightButton href={secondaryHref}>{secondaryLabel}</DarkLightButton>
    </ButtonGroup>
  </div>
</Fragment>

<style>
  .hero-actions {
    display: flex;
    justify-content: center;
    width: 100%;
  }
</style>