{"version":3,"sources":["webpack://rayofhina-website/./src/components/shared/button/button.stc.js","webpack://rayofhina-website/./src/components/shared/button/index.js","webpack://rayofhina-website/./src/assets/img/icons/emoji-icon.png","webpack://rayofhina-website/./src/containers/404/error-area/error-area.stc.js","webpack://rayofhina-website/./src/containers/404/error-area/index.js","webpack://rayofhina-website/./src/pages/404.js"],"names":["ButtonStyled","css","variant","prop","variants","rectangle","borderRadius","rounded","bullet","fullwidth","fontSize","fontWeight","width","paddingLeft","paddingRight","paddingTop","paddingBottom","large","medium","padding","minHeight","lineHeight","small","contained","backgroundColor","textTransform","border","borderColor","color","outlined","texted","underlined","borderBottom","borderBottomColor","iconButton","background","height","light","space","typography","shadow","layout","flexbox","ButtonWrap","styled","props","iconcss","pl","pr","disabled","AnchorButton","Button","children","to","icon","restProps","internal","test","classes","as","Link","className","iconposition","href","defaultProps","btnsize","display","ErrorWrap","device","ErorrContent","ErrorTopText","ErrorBottomText","ErrorArea","headingCSS","btnCSS","Container","Row","Col","lg","src","Emoji","alt","mt","mb","varient","shape","iconname","ml","mr","title"],"mappings":"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","file":"component---src-pages-404-js-9debb1236e8253a3072d.js","sourcesContent":["import styled, { css } from 'styled-components'\nimport { space, color, flexbox, layout, typography, border, shadow, variant } from 'styled-system'\n\nconst ButtonStyled = css(\n    variant({\n        prop: 'shape',\n        variants: {\n            rectangle: {\n                borderRadius: 0,\n            },\n            rounded: {\n                borderRadius: '4px',\n            },\n            bullet: {\n                borderRadius: '35px',\n            },\n        }\n    }),\n    variant({\n        prop: 'btnsize',\n        variants: {\n            fullwidth: {\n                fontSize: 1,\n                fontWeight: 500,\n                width: '100%',\n                paddingLeft: ['30px', '55px'],\n                paddingRight: ['30px', '55px'],\n                paddingTop: ['18px', '22px'],\n                paddingBottom: ['18px', '22px']\n            },\n            large: {\n                fontSize: 1,\n                paddingLeft: ['30px', '55px'],\n                paddingRight: ['30px', '55px'],\n                paddingTop: ['18px', '22px'],\n                paddingBottom: ['18px', '22px']\n            },\n            medium: {\n                fontSize: 1,\n                padding: '5px 15px',\n                minHeight: '50px',\n                lineHeight: '48px'\n            },\n            small: {\n                fontSize: 0,\n            },\n        }\n    }),\n    variant({\n        prop: 'varient',\n        variants: {\n            contained: {\n                backgroundColor: '#f8777c',\n                textTransform: 'uppercase',\n                border: `1px solid`,\n                borderColor: '#f8777c',\n                color: '#fff'\n            },\n            outlined: {\n                borderColor: 'themeColor',\n                border: `1px solid`,\n                backgroundColor: 'transparent'\n            },\n            texted: {\n                border: 'none',\n                color: 'headingColor',\n                padding: 0,\n                textTransform: 'uppercase',\n                lineHeight: 1,\n                width: 'auto',\n                minHeight: 'auto',\n            },\n            underlined: {\n                border: 'none',\n                paddingBottom: '5px',\n                borderBottom: `1px solid`,\n                borderBottomColor: 'themeColor'\n            },\n            iconButton: {\n                padding: 0,\n                border: 'none',\n                background: 'transparent',\n                lineHeight: 1,\n                width: 'auto',\n                minHeight: 'auto',\n                'svg': {\n                    width: '18px',\n                    height: '18px'\n                }\n            }\n        }\n    }),\n    variant({\n        prop: 'colors',\n        variants: {\n            light: {\n                border: `1px solid #fff`,\n                backgroundColor: '#fff',\n                color: 'headingColor',\n                textTransform: 'uppercase',\n                '&:hover': {\n                    borderColor: 'hoverColor',\n                    backgroundColor: 'hoverColor',\n                    color: '#fff'\n                }\n            }\n        }\n    }),\n    space,\n    color,\n    typography,\n    border,\n    shadow,\n    layout,\n    flexbox\n);\n\nexport const ButtonWrap = styled.button`\n    ${props => props.iconcss && css`\n        &.hasIcon{\n            .btn-span{\n                display: inline-flex;\n                align-items: center;\n                line-height: 1;\n            }\n        }\n        .icon {\n            padding-left: ${props => props.iconcss.pl};\n            padding-right: ${props => props.iconcss.pr};\n            svg{\n                width: ${props => props.iconcss.width || '16px'};\n                height: ${props => props.iconcss.width || '18px'};\n            }\n        }\n    `}\n    ${props => props.disabled && css`\n        opacity: .5;\n        cursor: not-allowed !important;\n    `}\n    ${ButtonStyled}\n`;\n\nexport const AnchorButton = styled.a`\n    ${props => props.iconcss && css`\n        &.hasIcon{\n            .btn-span{\n                display: inline-flex;\n                align-items: center;\n                line-height: 1;\n            }\n        }\n        .icon {\n            padding-left: ${props => props.iconcss.pl};\n            padding-right: ${props => props.iconcss.pr};\n            svg{\n                width: ${props => props.iconcss.width || '16px'};\n                height: ${props => props.iconcss.width || '18px'};\n            }\n        }\n    `}\n    ${ButtonStyled}\n`; ","import React from 'react'\nimport PropTypes from 'prop-types';\nimport { Link } from 'gatsby'\nimport { ButtonWrap, AnchorButton } from './button.stc';\n\nconst Button = ({ children, ...props }) => {\n    const { to, icon, ...restProps } = props;\n    const internal = /^\\/(?!\\/)/.test(to);\n    const classes = icon && 'hasIcon';\n    if (to) {\n        if (internal) {\n            return (\n                <ButtonWrap as={Link} {...props} className={classes}>\n                    <span className=\"btn-span\">\n                        {props.iconposition === 'left' && icon && <span className=\"icon\">{icon}</span>}\n                        {children}\n                        {props.iconposition === 'right' && icon && <span className=\"icon\">{icon}</span>}\n                    </span>\n                </ButtonWrap>\n            )\n        } else {\n            return (\n                <AnchorButton href={to} {...restProps} className={classes}>\n                    <span className=\"btn-span\">\n                        {props.iconposition === 'left' && icon && <span className=\"icon\">{icon}</span>}\n                        {children}\n                        {props.iconposition === 'right' && icon && <span className=\"icon\">{icon}</span>}\n                    </span>\n                </AnchorButton>\n            )\n        }\n    } else {\n        return (\n            <ButtonWrap {...props} className={classes}>\n                <span className=\"btn-span\">\n                    {props.iconposition === 'left' && icon && <span className=\"icon\">{icon}</span>}\n                    {children}\n                    {props.iconposition === 'right' && icon && <span className=\"icon\">{icon}</span>}\n                </span>\n            </ButtonWrap>\n        )\n    }\n}\n\nButton.propTypes = {\n    children: PropTypes.node.isRequired,\n    href: PropTypes.string,\n    type: PropTypes.oneOf(['button', 'submit', 'reset']),\n    onClick: PropTypes.func,\n    colors: PropTypes.oneOf([\n        'primary',\n        'secondary',\n        'success',\n        'danger',\n        'warning',\n        'info',\n        'light',\n        'dark',\n        'gradient',\n        'transparent'\n    ]),\n    btnsize: PropTypes.oneOf(['fullwidth', 'large', 'medium', 'small', 'xsmall']),\n    shape: PropTypes.oneOf(['rectangle', 'rounded', 'bullet']),\n    varient: PropTypes.oneOf(['contained', 'outlined', 'texted', 'underlined', 'iconButton']),\n    iconposition: PropTypes.oneOf(['left', 'right']),\n    textTansform: PropTypes.oneOf(['uppercase', 'lowrcase', 'capitalize'])\n};\n\nButton.defaultProps = {\n    fontWeight: 500,\n    btnsize: 'medium',\n    iconposition: 'right',\n    display: 'inline-block',\n    iconcss: {}\n}\n\n\nexport default Button\n","export default __webpack_public_path__ + \"static/emoji-icon-9d1cab40180a10535859ec3709a183a9.png\";","import styled from \"styled-components\";\nimport {device} from '../../../theme'\n\nexport const ErrorWrap = styled.section `\n    padding-top: 80px;\n    padding-bottom: 80px;\n    position: relative;\n    ${device.xsmall}{\n        padding-top: 120px;\n        padding-bottom: 120px;\n    }\n    ${device.medium}{\n        padding-top: 150px;\n        padding-bottom: 150px;\n    }\n    ${device.large}{\n        padding-top: 180px;\n        padding-bottom: 215px;\n    }\n    &:before{\n        position: absolute;\n        content: '';\n        width: 100%;\n        height: 300px;\n        left: 0px;\n        bottom: 0px;\n        background-image: -moz-linear-gradient( 90deg, rgb(255,237,237) 0%, rgba(255,245,245,0.5) 43%, rgba(255,255,255,0) 100%);\n        background-image: -webkit-linear-gradient( 90deg, rgb(255,237,237) 0%, rgba(255,245,245,0.5) 43%, rgba(255,255,255,0) 100%);\n        background-image: -ms-linear-gradient( 90deg, rgb(255,237,237) 0%, rgba(255,245,245,0.5) 43%, rgba(255,255,255,0) 100%);\n        ${device.medium}{\n            height: 500px;\n        }\n        ${device.large}{\n            height: 700px;\n        }\n        ${device.xlarge}{\n            height: 800px;\n        }\n    }\n`;\n  \n\nexport const ErorrContent = styled.div `\n    text-align: center;\n`;\n\nexport const ErrorTopText = styled.div `\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 1;\n    .error-404{\n        font-size: 150px;\n        color: rgba( 255, 255, 255, 1 );\n        font-weight: bold;\n        line-height: 0.066;\n        /* text-shadow: 14.142px 14.142px 40px rgba( 0,0,0,.2 ); */\n        text-shadow: 13.142px 12.142px 20px rgba( 0,0,0,.05 );\n        ${device.xxsmall}{\n            font-size: 220px;\n        }\n        ${device.xsmall}{\n            font-size: 245px;\n        }\n        ${device.small}{\n            font-size: 345px;\n        }\n        ${device.medium}{\n            font-size: 450px;\n        }\n        ${device.large}{\n            font-size: 500px;\n        }\n    }\n`;\n\nexport const ErrorBottomText = styled.div `\n    position: relative;\n    z-index: 2;\n    img{\n        width: 100px;\n        height: 100px;\n        ${device.small}{\n            width: 135px;\n            height: 135px;\n        }\n    }\n`;","import React from 'react'\nimport {Container, Row, Col} from 'reactstrap'\nimport Emoji from '../../../assets/img/icons/emoji-icon.png'\nimport Heading from '../../../components/shared/heading'\nimport Button from '../../../components/shared/button'\nimport {ErrorWrap, ErorrContent, ErrorTopText, ErrorBottomText} from './error-area.stc'\n\nconst ErrorArea = ({headingCSS, btnCSS}) => {\n    return (\n        <ErrorWrap>\n            <Container>\n                <Row className=\"justify-content-center\">\n                    <Col lg={10}>\n                        <ErorrContent>\n                            <ErrorTopText>\n                                <Heading as=\"h1\" className=\"error-404\">404</Heading>\n                            </ErrorTopText>\n                            <ErrorBottomText>\n                                <img src={Emoji} alt=\"Sad Emoji\"/>\n                                <Heading {...headingCSS}>Sorry, looks like this page got lost.</Heading>\n                                <Button {...btnCSS}>Back To Homepage</Button>\n                            </ErrorBottomText>\n                        </ErorrContent>\n                    </Col>\n                </Row>\n            </Container>\n        </ErrorWrap>\n    )\n}\n\nErrorArea.defaultProps = {\n    headingCSS: {\n        fontSize: ['24px', '28px', '38px', '42px'],\n        color: 'secondaryColor',\n        mt: '23px',\n        mb: '29px'\n    },\n    btnCSS: {\n        btnsize: 'large',\n        varient: 'contained',\n        shape: 'rounded',\n        iconname: 'chevron-right',\n        ml: 'auto',\n        mr: 'auto'\n    }\n}\n\nexport default ErrorArea\n","import React from \"react\"\nimport SEO from '../components/seo'\nimport Layout from \"../containers/layout/layout\"\nimport Header from '../containers/layout/header'\nimport Footer from '../containers/layout/footer'\nimport ErrorArea from '../containers/404/error-area'\n\nconst NotFoundPage = () => (\n  <Layout>\n    <SEO title=\"404\" />\n    <Header/>\n    <div className=\"main-content\">\n      <ErrorArea/>\n    </div>\n    <Footer/>\n  </Layout>\n)\n\nexport default NotFoundPage\n "],"sourceRoot":""}