カスタムコンポーネント

1import React from 'react';
2import { SiGoogle } from 'react-icons/si';
3import Button from '../components/button';
4
5const CustomComponent = () => {
6  return (
7    <div className="flex gap-4">
8      <Button Icon={SiGoogle}>アイコン付きボタン</Button>
9      <Button>ボタン</Button>
10      <Button disabled>無効なボタン</Button>
11      <Button href="./">リンクボタン</Button>
12    </div>
13  );
14};
15
16export default CustomComponent;