mirror of
https://github.com/lainbo/component-party.git
synced 2026-04-05 13:09:03 +08:00
28 lines
601 B
JavaScript
28 lines
601 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
export default function FunnyButton({ children }) {
|
|
return (
|
|
<button
|
|
style={{
|
|
background: 'rgba(0, 0, 0, 0.4)',
|
|
color: '#fff',
|
|
padding: '10px 20px',
|
|
fontSize: '30px',
|
|
border: '2px solid #fff',
|
|
margin: '8px',
|
|
transform: 'scale(0.9)',
|
|
boxShadow: '4px 4px rgba(0, 0, 0, 0.4)',
|
|
transition: 'transform 0.2s cubic-bezier(0.34, 1.65, 0.88, 0.925) 0s',
|
|
outline: '0',
|
|
}}
|
|
>
|
|
{children || <span>No content found</span>}
|
|
</button>
|
|
);
|
|
}
|
|
|
|
FunnyButton.propTypes = {
|
|
children: PropTypes.node,
|
|
};
|