const MessageCode = ({code}) => {
    return (
        <div className='lbaic-message-code'>
            <div className='lbaic-message-code-action'>
                <button className='lbaic-message-code-action-in'>
                    <svg className='lbaic-message-code-action-i' xmlns='http://www.w3.org/2000/svg'>
                        <use href='#lbaic-copy-clipboard'/>
                    </svg>
                    <span className='lbaic-message-code-action-label'>Copy</span>
                </button>
            </div>
            <div className='lbaic-message-code-in'>
                <code className='lbaic-message-code-content'>
                    /* Portrait *
                    <br/>
                    @media only screen
                    <br/>
                    and (min-device-width: 375px)
                    <br/>
                    and (max-device-width: 667px)
                    <br/>
                    and (-webkit-min-device-pixel-ratio: 2)
                    <br/>
                    and (orientation: portrait)
                    <br/>
                    <br/>
                    /* Landscape */
                    <br/>
                    @media only screen
                    <br/>
                    and (min-device-width: 375px)
                    <br/>
                    and (max-device-width: 667px)
                    <br/>
                    and (-webkit-min-device-pixel-ratio: 2)
                    <br/>
                    and (orientation: landscape)
                </code>
            </div>
        </div>
    )
}

export default MessageCode;