webamp/js/components/MediaLibraryWindow/LibraryButton.tsx
2019-03-27 23:56:31 -07:00

16 lines
544 B
TypeScript

import React from "react";
type Props = React.HTMLAttributes<HTMLDivElement>;
// TODO: This should be a `<button>` but I couldn't figure out how to style it with css grid
const LibraryButton = (props: Props) => {
const { children, ...passThroughProps } = props;
return (
<div className="library-button" {...passThroughProps}>
<span className="library-button-left" />
<span className="library-button-center">{children}</span>
<span className="library-button-right" />
</div>
);
};
export default LibraryButton;