blob: 2eea9087e721e18e491706c9d0b99a223202582f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
---
import type { Icons } from '@components/icons/Icon.astro';
import Icon from '@components/icons/Icon.astro';
import type { HTMLAttributes } from 'astro/types';
interface Props extends HTMLAttributes<'div'> {
icon: Icons
text?: string
}
const {
icon,
text = 'Hiiii',
...rest
} = Astro.props;
---
<!-- pt-1 added temporarily cause for some reason the icon's padding doesn't apply unless I add this. the wonders of CSS. -->
<div {...rest} class="rounded-xl bg-gray-600 w-[256px] pt-1 shrink-0">
<Icon icon={icon} size={48} class="my-[20px] mx-auto text-white"></Icon>
<p class="text-white mx-auto bg-primary-600 rounded-b-xl text-[14px] py-[5px] pl-[12px] pr-[32px]">{text}</p>
</div>
|
