examples/server-islands/src/components/AddToCart.tsx


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

import { addToCart } from '../cart';

export default function({ small }) {
	function onClick(ev: Event) {
		ev.preventDefault();
		let item = { name: 'Sofa' };
		addToCart(item);

	}

	if(small) {
		return (
			<a href="#"
				onClick={onClick}
				className="block w-full py-1 text-center text-white bg-primary border border-primary rounded-b hover:bg-transparent hover:text-primary transition">Add
				to cart</a>
		)
	}

	return (
		<a href="#"
				onClick={onClick}
				className="bg-primary border border-primary text-white px-8 py-2 font-medium rounded uppercase flex items-center gap-2 hover:bg-transparent hover:text-primary transition">
				<i className="fa-solid fa-bag-shopping"></i> Add to cart
		</a>
	)
}