Files
dbg-otherway/components/UI/KeyFeature.tsx
Fergal Moran e6ccc6b8f0 Initial commit
2023-02-23 11:35:19 +00:00

21 lines
517 B
TypeScript

/*
This card is used on the landing page
*/
import { FiStar } from 'react-icons/fi';
type KeyFeatureProperties = {
children: JSX.Element;
};
const KeyFeature = ({ children }: KeyFeatureProperties): JSX.Element => (
<div className="flex p-5 mb-5 italic shadow-sm bg-base-100">
<div className="flex w-12 h-12 p-2 my-auto text-white rounded-sm bg-accent-focus">
<FiStar className="m-auto text-2xl" />
</div>
<div className="m-auto ml-3">{children}</div>
</div>
);
export default KeyFeature;