Skip to content

Instantly share code, notes, and snippets.

@colmtuite
Created September 7, 2016 13:21
Show Gist options
  • Save colmtuite/6a866f26cf6d893c37048f83a1f807e0 to your computer and use it in GitHub Desktop.
Save colmtuite/6a866f26cf6d893c37048f83a1f807e0 to your computer and use it in GitHub Desktop.
import React from 'react';
const closeButtonClasses = [
'posPinTR',
'bg-white',
'borderWidth-0',
'borderRightWidth-1',
'borderBottomWidth-1',
'borderRadiusBottomRight-s',
'borderStyle-solid',
'borderColor-smoke',
'zi-chrome',
'userSelect-none',
'outlineStyle-none',
].join(' ');
export default function CloseButton() {
return (
<button className={closeButtonClasses} style={{ width: 40, height: 40, marginRight: -40 }}>
<svg className="svgIcon fill-smoke" width="24" height="24" viewBox="3 -3 24 24" data-reactid=".0.1.2.0.3.1.0.0.1"><path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z" data-reactid=".0.1.2.0.3.1.0.0.1.0"></path></svg>
</button>
);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment